New Posts  All Forums:Forum Nav:

Help Please - Page 2

post #11 of 18
looks the same to me
Boot Scootin'
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD FX-8120 GA-990FXA-UD3 MSI R9 390X Corsair  
RAMHard DriveHard DriveOptical Drive
Corsair  ocz vertex 3 seagate Samsung 
Optical DriveCoolingOSPower
LG bluray Cooler Master 612 Windows 7 xfx 
Case
Antec Dark Fleet 
  hide details  
Reply
Boot Scootin'
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD FX-8120 GA-990FXA-UD3 MSI R9 390X Corsair  
RAMHard DriveHard DriveOptical Drive
Corsair  ocz vertex 3 seagate Samsung 
Optical DriveCoolingOSPower
LG bluray Cooler Master 612 Windows 7 xfx 
Case
Antec Dark Fleet 
  hide details  
Reply
post #12 of 18
Thread Starter 
I should have been more detailed, my bad... I was just in a rush to try to finish this thing.

The problem is with Firefox, not IE. In Firefox, it screws up something with the alignment.

In IE7, It looks like this:


In Firefox, It looks like this:
post #13 of 18
Yup. It duz look better in IE. Whats wrong with the world!
 
Folding for coinz
(14 items)
 
 
CPUMotherboardGraphicsRAM
i7 3930K EVGA Z79 Dark Asus HD7850 samsung 
Hard DriveOptical DriveCoolingOS
Team XS3 SSD Got one Noctua u140 Have one too. Win7 for now 
MonitorKeyboardPowerCase
Acer p234w Mechanical Today its a Fractal Fractal Arc XL 
MouseMouse PadAudioOther
1 or 2 of them Cherry Some speekers Logitech 800 bluetooth/RF headset 
CPUMotherboardGraphicsRAM
xeon 1230 v3 Asrock Z87e itx powercolor r9 290 Changes like socks 
Hard DriveOptical DriveCoolingOS
m500 ssd no! ah, soon Vista Home Prem 
MonitorKeyboardPowerCase
no keycool LED Rosewill 500w passive Bitpenix phenom 
MouseMouse Pad
no tesoro 
  hide details  
Reply
 
Folding for coinz
(14 items)
 
 
CPUMotherboardGraphicsRAM
i7 3930K EVGA Z79 Dark Asus HD7850 samsung 
Hard DriveOptical DriveCoolingOS
Team XS3 SSD Got one Noctua u140 Have one too. Win7 for now 
MonitorKeyboardPowerCase
Acer p234w Mechanical Today its a Fractal Fractal Arc XL 
MouseMouse PadAudioOther
1 or 2 of them Cherry Some speekers Logitech 800 bluetooth/RF headset 
CPUMotherboardGraphicsRAM
xeon 1230 v3 Asrock Z87e itx powercolor r9 290 Changes like socks 
Hard DriveOptical DriveCoolingOS
m500 ssd no! ah, soon Vista Home Prem 
MonitorKeyboardPowerCase
no keycool LED Rosewill 500w passive Bitpenix phenom 
MouseMouse Pad
no tesoro 
  hide details  
Reply
post #14 of 18
What does your code look like on the website? It seems like an alignment issue to me. If you are using fixed widths (width=150), try switching to adaptive width (align="10%"). IE and FF may interpret these differently. Or are you using a WYSIWYG editor? That usually causes many problems in making things look exactly the way you want in every browser.
post #15 of 18
Thread Starter 
Yeah, right now everything is fixed with. But I dont think there is any way that I can use the adaptive with, there would just be too much math involved in calculating the exact percentages.

The only thing I am using to edit the code is notepad.

As far as the actual code goes, here is the structure.

index.php
Code:

<head>

<title>ZEM Events | Simple Sophisticated Solutions | 571.379.8888 |</title>
</head>
<?php


include_once('header.php');





switch($_GET['id'])

{
default:

include_once('pages/home.php');

break;


case 'news':

include_once('pages/news.php');

break;


case 'contact':

include_once('pages/contact.php');

break;
}



include_once('footer.php');

?>
header.php
Code:

<html>

<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles/style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#6D6D6D" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Table_01" width="800" height="749" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4"><img src="images/index_01.gif" width="800" height="34" alt=""></td>
</tr>
<tr>
<td rowspan="5" background="images/leftside.gif" width="54"></td>
<td colspan="2"><img src="images/header.jpg" width="677" height="125" alt=""></td>
<td rowspan="5" background="images/rightside.gif" width="69"></td>
</tr>
<tr>
<td colspan="2"><img src="images/index_05.gif" width="677" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2" width="677" height="21" background="images/index_06.gif" class="navigation">
<? include("navigation.php") ?>
</td>
</tr>
<tr>
<td colspan="2"><img src="images/index_07.gif" width="677" height="2" alt=""></td>
</tr>
<tr>
<td width="219" background="images/leftsidespacer.gif" valign="top">
<? include("left.php") ?>
</td>
<td width="458" height="530" bgcolor="#FFFFFF" valign="top">
footer.php
Code:

</td>


</tr>

<tr>

<td colspan="4">

<img src="images/index_10.gif" width="800" height="36" alt="">

</td>

</tr>

</table>

</center>

</body>

</html>
navigation.php
Code:

&nbsp; <a href="index.php?id=home">Home</a> &nbsp;

|
&nbsp; <a href="index.php?id=news">News</a> &nbsp;
|
&nbsp; <a href="#">Link3</a> &nbsp;
|
&nbsp; <a href="#">Link4</a> &nbsp;
|
&nbsp; <a href="index.php?id=contact">Contact</a>
left.php
Code:

<head>

<link href="styles/style.css" rel="stylesheet" type="text/css">
</head>

<table width="100%" cellspacing="0px" cellpadding="0px">

<tr>

<td class="top_menu">

What should we put here?

</td>

</tr>
</table>
style.css
Code:
select {font-size: 10px;}

a:link     {color: #117CE1;  text-decoration: none;  padding: 4px; font-weight: bold;}
a:visited  {color: #117CE1; text-decoration: none;  padding: 4px; font-weight: bold;}
a:active   {color: #0C5396;  text-decoration: none;  padding: 4px; font-weight: bold;} 
a:hover   {color: #7AB3E8;  text-decoration: none; padding: 4px; font-weight: bold;}

body {font-family: verdana;}

.top {color: #000000; font-size: 11px; padding: 4px;}

.navigation {color: #FFFFFF; font-size: 11px; padding: 4px;}

.top_menu {height: 23px; color: #000000; font-size: 11px; padding: 5px;}

.mid_menu {color: #000000; font-size: 11px; padding: 10px;}

.top_news {height: 23px; color: #000000; font-size: 10px; text-align: center;}

.mid_news{color: #000000; font-size: 11px; padding: 5px;}

.h1 {
color: #0C5396;
font-size:12px;
}

.h2 {
color: #4487C6;
font-size:12px;
text-indent:10px;
text-align:left;
}

.h3 {
color:#0C5396;
font-size:10px;
text-align:left
}
.pb {
font-size: 10px;
color: #0C5396;
text-indent:10px;
text-align:right;
}
There is also home.php, contact.php, and news.php, but none of that contains any of the layout, it is just text, so that should have no impact on the layout.
post #16 of 18
There are 4 header tags all over this page. should probably sort out the structure of the html before trying to worry about alignment.
post #17 of 18
Its these two parts of the table causing it.


Code:
    <tr>
      <td colspan="4" ><img src="http://www.overclock.net/images/index_01.gif" width="800" height="34" alt=""></td>
    </tr>
AND

Code:
    <tr>
      <td colspan="4"><img src="http://www.overclock.net/images/index_10.gif" width="800" height="36" alt=""> </td>
    </tr>

Edited by kyotejones - 6/13/08 at 8:23pm
post #18 of 18
Thread Starter 
Thanks man, I just changed the width to 100% instead of 800, and it fixed it.

As for the header tags, I am new to PHP and I thought you need those there to show the CSS styles for that page, but I will take them out and see if it works without.
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding