View Full Version : CSS Error In IE (again)


Sonic
07-25-2005, 04:21 AM
okay well...
http://selio.net/stuff/layout

in the center of the page, below the banner
it says Welcome
and then welcome to selio

when viewed in IE, that all has a blueish background
only the part that says "Welcome" should have a blue background
the other part should have a white background

CSS: http://selio.net/stuff/layout/css.css

in Firefox it looks fine, but not in IE

any help is appreciated

jhereg
07-25-2005, 06:38 AM
This is the code on your current page:

<table border="0" cellpadding="5" height="220" width="438">
<tbody>
<tr>
</p>
<p class="header">Welcome to Selio!</p>
<p class="body">Hello Welcome.
</p>
</td>
</tr>
</tbody>
</table>

Part of what you are having a problem with is the table layout.
From above I see that you start out with a <tbody> and a <tr> but do not declare a <td> to start the column. There is also an extra </p> on line 4 that does not need to be there. To fix this I would structure it similar to this:

<table border="0" cellpadding="5" width="438">
<tbody>
<tr>
<td>
<p class="header">Welcome to Selio!</p>
</td>
</tr>
<tr>
<td>
<p class="body">Hello Welcome.</p>
</td>
</tr>
</tbody>
</table>

This is on line 214 of your html file. Take note that I also removed the height attribute as that will structure your table longer than you need it and leave a large gap between the two rows (it would try to equally space each row in a table that is too large). I have tested this with IE, Firefox and the Mac's Safari, it all looks good.

Sonic
07-25-2005, 07:23 PM
hmm well the point was on each page, it says <p class="header">HEADER</p>
and then the content, i was hoping i wouldn't have to go change every page :/