|
Posted by amandadev on November 7, 2006, 2:01 pm
Please log in for more thread options
wow, thank you so much.
I knew I would get scolded about the other stuff, and I'm in the midst
of learning CSS for layout, but in the meantime, bills have to be paid,
hence the table.
I'm still working out the site, and do plan to validate once everything
is complete.
Thanks again for your help,
amanda
Ben C wrote:
> > 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 </div> and the "empx" sizes in the CSS.
>
> Get this tool for a start: http://tidy.sourceforge.net, although it
> didn't seem to spot "empx".
| 
XML Sitemap