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.
Expand|Select|Wrap|Line Numbers
- #searchSection {
- width: 100%;
- height: 100px;
- }
- #browseSection{
- width: 200px;
- height: 300px;
- }
thanks,
Dan