DeMoN LaG wrote:
> Steven <[EMAIL PROTECTED]> wrote in
> [EMAIL PROTECTED]">news:[EMAIL PROTECTED], on 04 Jan 2002:
>
>
>>
>>Patrick Gallagher wrote:
>>
>>
>>>Steven wrote:
>>>
>>>
>>>>When I place a H1 header in a layer Netscape 6/Mozilla adds
>>>>a linespace above it where Explorer doesn't. Why is this?
>>>>http://www.labspace.f2s.com/LAB/HTML/headinlayer.html
>>>>
>>>>Also: when I create a table with no dimensions with images in the
>>>>cells Netscape 6/Mozilla adds a few pixels white below each
>>>>slice. This only happens when I place a Doctype declaration in
>>>>the page to make Netscape 6/Mozilla work in 'standards compliant
>>>>mode' Is this a new standard? Why is this happening?
>>>>http://www.labspace.f2s.com/LAB/HTML/center1.html
>>>>
>>>>Steven
>>>>
>>>>
>>>your page fails the w3c validation test...
>>>
>>
>>Yes I know. So? The fact that the validation link has a target
>>attribute which is not allowed has nothing to do with the behavior
>>I'm asking about...
>>
>
> To answer your question, I believe you need to set the images to
> display:block to avoid the whitespacing issues
>
>
Images are inline elements, and inherit a line-height from their
container element.
Mozilla treats the 'img' element like usual inline text and this means
that it aligns it to baseline, not to bottom. This gives extra white
space under an image in tables. In order to remove this white space,
two ways are possible:
td img {display: block}
td img {vertical-align:bottom;}
See this site: http://www.hut.fi/u/hsivonen/standards
& see this: http://bugzilla.mozilla.org/show_bug.cgi?id=62642
I believe another way around the alignment issue is with DOCTYPE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Gus
