74708 - mysterious vertical image margins

Status: VERIFIED DUPLICATE of bug 22274

(Core :: Layout, defect)

Description

[Stefan Jelner]

From Bugzilla Helper:
User-Agent: Mozilla/4.0 (compatible; MSIE 5.5; Windows 98)
BuildID:    2001032319

I'm not sure if this only happens in 'blind' tables....
In some newsgroups I read that this problem only appears on
Win32-mozilla (it also appears in netscape6.01).....

there seem to be vertical margins around SOME images.
(not around everyone.... seems to appear randomly)
This is very ugly, if you use a 1x1 pixel transparent GIF
for layouting, like I do. You can see it on the www.dewender.com.
Normally the fat blue borders are 1 pixel thin....

I tried everthing: vspace="0", styles: margin,padding,height.... a.s.o.

Reproducible: Always
Steps to Reproduce:
1.load the www.dewender.com
2.take a look
3.

Actual Results:  the problem appeared

Expected Results:  It would be nice if images are rendered 'correctly'.

I wrote a little workaround, I'm not very satisfied with....
you can change the 1x1 transparent GIF into a division
with height and width of 1px. That works.

<div style="width:1px;height:1px;"></div>

Every other image that appears wrong needs to be a background-
image in a division with the image size. it looks like this:

<div style="width:640px;height:480px;background-image:url('foo.gif');"></div>

Comment 1

[Boris Zbarsky [:bzbarsky]]

actually, all you need to do is style the images involved with display:block. 
Maybe something like:

td > img { display: block}

or whatever works for your site best.

This is not a bug -- the site uses an HTML 4.01 Transitional doctype with a URI,
so we render it in strict CSS2 layout mode.  If you remove the URI, we render in
backwards-compatible 'quirks' mode which will emulate the buggy rendering of
older browsers.

*** This bug has been marked as a duplicate of 22274 ***

Comment 2

[Andreas M. "Clarence" Schneider]

Verified (Page seems to be fixed too).

Comment 3

[Heikki Toivonen (remove -bugzilla when emailing directly)]

SPAM. HTML Element component deprecated, changing component to Layout. See bug
88132 for details.