96183 - (see 22274) wrong height in <td> element (standard mode)

Status: VERIFIED DUPLICATE of bug 22274

(Core :: Layout, defect)

Description

[miki]

From Bugzilla Helper:
User-Agent: Mozilla/5.0 (Windows; U; Win98; en-US; rv:0.9.3) Gecko/20010801
BuildID:    2001080110

when I put an image ( 1px ) in a <td> the <td> is not wraped around the image,
in IE its producing a <td> with 1px height.

On mozilla what ever we tried (margin, height) the <td> had a minimum height.

here is the code

<table width="750" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="750" bgcolor="white"><img src="images/logo_bot2.gif" alt="" 
border="0"></td>
</tr>
</table>



Reproducible: Always
Steps to Reproduce:
1. put code int html file and see :)

Expected Results:  Behave like IE and set the default <td> height to the maximum
height of the element inside it.

Comment 1

[Emmanuel Bourg]

If you are rendering the page in standard mode you'll get a thin margin below
your image corresponding to the line height. Try adding a line-height:0 style in
your cell.

Comment 2

[Andreas M. "Clarence" Schneider]

Probably dupe of bug 22274.

Comment 3

[miki]

so I added style="line-height: 0px" to the <td>
now the space got smaller (from 5mm to 1mm) but still seen

Comment 4

[Emmanuel Bourg]

Could you attach a test case or direct me to an URL please ? line-height:0
should be enough, get a look at Attachement 37790, this is a testcase i filled
when i first encountered this issue.

Comment 5

[Emmanuel Bourg]

http://bugzilla.mozilla.org/showattachment.cgi?attach_id=37790

Comment 6

[Mats Palmgren (inactive)]

What you probably want is "display:block" on the images.

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

Comment 7

[Andreas M. "Clarence" Schneider]

Verified.