On 2006-11-06,
am*******@gmail.com <am*******@gmail.comwrote:
Hi there,
Please take a look at:
bluecelery.amandadevries.com/index.html
as well as the CSS and tell me why there is a white space in the table
in Firefox (that looks like a white horizontal line running through the
entire layout) which isn't present in IE (which, by the way, is the way
I want it to be).
add
td.logo img { vertical-align: bottom; }
to your stylesheet.
Or
td.logo img { display: block; }
should work as well.
What you have there is an inline image in a table cell. Inline images
sit on the text baseline, and FF has left a bit of space below the
baseline for descenders (tails on letters like y, g, q).
Even though you've set the height of the cell to 200px, FF won't make
the cell shorter than it thinks it needs to be.
So we either tell it not to sit on the baseline, but right at the bottom
(vertical-align: bottom), or not to be inline (display: block).
As the other poster mentioned, you should fix your validation errors,
especially the unmatched </divand the "empx" sizes in the CSS.
Get this tool for a start:
http://tidy.sourceforge.net, although it
didn't seem to spot "empx".