Image alignment problem (images in tables)
Richter
> Hello,
>
> I have problems with image alignment. Netscape 4.7x cannot align images
> as HTML reference guide says. Netscape 6.2 cannot do this properly,
> either. On the other side, MS Internet Explorer does it well.
> I know that NN 4.7x does not support STYLE tags, this is not a problem
> for me. I have expected that N 6.2 will do very basic image alignment
> (not the latest DHTML stuff) properly. How can we develop cross-platform
> HTML while the anticipated most advanced browser cannot render old HTML
> properly?
> Does anybody have any idea how to resolve this issue? Tables embedded in
> cells are not allowed to resolve image alignment.
>
> Best regards,
>
> Zby
>
> PS. Please, find the attached HTML code (align-test.zip) and the screenshot
> (ss17.png) from a competitive browser. I use N 6.2 (Mozilla/5.0 (Windows; U;
> WinNT4.0; en-US; rv:0.9.4) Gecko/20011019
> Netscape6/6.2), Netscape® Communicator 4.77/Win NT 4.0 Workstation and MS IE
> 6.0 and Mozilla 0.9.5 (Mozilla/5.0 (Windows; U; WinNT4.0; en-US; rv:0.9.5)
> Gecko/20011011)
>
> Name: ss17.png
> ss17.png Type: PNG Image (image/x-png)
> Encoding: x-uuencode
>
> Name: align-test.zip
> align-test.zip Type: Zip Compressed Data (application/x-zip-compressed)
> Encoding: x-uuencode
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">
Instead of a strict DTD.
Gus
Joe
>
> Hello,
>
> I have problems with image alignment. Netscape 4.7x cannot align images
> as HTML reference guide says. Netscape 6.2 cannot do this properly,
> either. On the other side, MS Internet Explorer does it well.
> I know that NN 4.7x does not support STYLE tags, this is not a problem
> for me. I have expected that N 6.2 will do very basic image alignment
> (not the latest DHTML stuff) properly. How can we develop cross-platform
> HTML while the anticipated most advanced browser cannot render old HTML
> properly?
> Does anybody have any idea how to resolve this issue? Tables embedded in
> cells are not allowed to resolve image alignment.
>
> Best regards,
>
> Zby
>
> PS. Please, find the attached HTML code (align-test.zip) and the screenshot
> (ss17.png) from a competitive browser. I use N 6.2 (Mozilla/5.0 (Windows; U;
> WinNT4.0; en-US; rv:0.9.4) Gecko/20011019
> Netscape6/6.2), Netscape® Communicator 4.77/Win NT 4.0 Workstation and MS IE
> 6.0 and Mozilla 0.9.5 (Mozilla/5.0 (Windows; U; WinNT4.0; en-US; rv:0.9.5)
> Gecko/20011011)
>
>
> Name: align-test.zip
> align-test.zip Type: Zip Compressed Data (application/x-zip-compressed)
> Encoding: x-uuencode
The html file was produced with Frontpage, so you should expect a lot of
proprietary code rather than compliant code. I changed the style="float:
right;" align="absbottom" to just align="right" and the bridge.gif files
seemed to align OK.
Joe