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
