IE ignorming my th or td CSS table height, any fixes?

[dlite922]

My site has multiple section each divided into tables (I'm using tables because the other developers slept through HTML 101)

The section table must be a certain height and contains a header (th) cell and a td body cell. What IE6 ignores is the height of the th element (which is 20 or 30px). it works fine in FF but in IE6 it takes up almost 40% of the table. As I put content into the body cells it pushes the TH back to correct size in IE6.

IE6 does this because the table height is set to a static value (300px for example), when I remove the value, the table shrinks and the header is the correct size. But A shrunk table does me no good.

Should I just use <DIV>s or do you have a fix for this problem?

To see this in affect until tomorrow (2:00 AM now, going to sleep) my site is at:

http://ctubooks.designsbydan.com/

I'm Using XHTML 1.0 Transitional and yes it does validate :)

I've removed the following code from index.css so it is now empty. To see the affect, add this code in.

#searchSection {
    width: 100%;
    height: 100px;
}
#browseSection{
    width: 200px;
    height: 300px;
}

simply put: How can I get IE6 to look like what FF looks at this point.

thanks,


Dan

[Markus]

How can I get IE6 to look like what FF looks at this point.

Stop using it ;]

[dlite922]

How can I get IE6 to look like what FF looks at this point.

Stop using it ;]

Great Advice! But sorry buddy, the world does not like change.

I voted for Obama though!

^.^


Dandrizall