126519 - table cells with images -> 4px extra padding on bottom

Status: RESOLVED DUPLICATE of bug 22274

(Core :: Layout, defect)

Description

[Marc Antony Vose]

From Bugzilla Helper:
User-Agent: Mozilla/4.0 (compatible; MSIE 5.12; Mac_PowerPC)
BuildID:    2002020411

This bug is pretty straightforward:

The URL above illustrates two problems with tables.  The first is the most 
annoying, from a page layout perspective:

When a table cell has an image in it (or at least, these table cells here), 
there is an extra 4 pixels of spacce appearing inside the cell.  I have made 
all the spacer graphics white on this page to clearly illustrate this 
problem.

The second problem is that all three of these tables are set to be 736 
pixels, yet they are different widths.  I would expect that, since I have the 
border raised, it would be possible for the two column tables to be longer 
than the single column table, but even the two double column tables don't 
match.

IE and other browsers (even NS 4.x) display this correctly.

Netscape 6.2 also displays the same behavior as Mozilla 0.98, so the bug 
must have existed in the Mozilla source for a while.

Reproducible: Always
Steps to Reproduce:
1. make a table with an image in it.

Actual Results:  The description sums it up.

Expected Results:  There should be no space between the image bottom 
and the table cell bottom.

Comment 1

[jrblier]

Hi!

This is not a bug.

Delete the <!DOCTYPE...> (or use another <!DOCTYPE...>) in your webpage.

Some <!DOCTYPE...> will insert extra space as depicted here.

Comment 2

[Marc Antony Vose]

This puzzles me.

While it's great there's a workaround, according to the W3 spec, XHTML documents
require a DOCTYPE.  Further, I don't see anywhere in the XHTML Transitional spec
something that says that the -td- tag should have four pixels of extra space at
the bottom.  (?)

Therefore, unless I am mistaken about the above, Mozilla doesn't conform to the
XHTML spec, and, as such, this would qualify as a bug.

Comment 3

[Boris Zbarsky [:bzbarsky]]

The space is there because of the CSS spec, not the XHTML spec (the XHTML spec
says nothing at all about how anything should look).  Details in bug 22274 (of
which this is a duplicate).  That bug also has some ideas for various styles you
can apply to remove the space (the space _is_ correct, btw.  Mozilla does not do
it in "quirks" mode because too many old websites would break if it did).

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