51518 - Strict DTD causes <div> to expand

Status: VERIFIED DUPLICATE of bug 22274

(Core :: Layout, defect, P3)

Description

[jsp]

A <div> with only a small <img> has a height equal to the height of the image
unless a strict DTD is specified.  If, say, the XHTML Transitional DTD is
specified, the height of the <div> will be greater than that of the image.

Test case to follow.

Comment 1

[jsp]

Attachment: Small image for test case

Comment 2

[jsp]

Attachment: HTML for test case

Comment 3

[jsp]

Attachment: HTML test case demonstrating expected behavior (DTD removed)

Comment 4

[jsp]

Attachment: Corrected the text in the "expected results" test case.

Comment 5

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

This is a dup of bug 22274.  See that bug for more details.

Also, the issue here is not the strict DTD, but strict layout mode.  See
http://www.people.fas.harvard.edu/~dbaron/mozilla/modes

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

Comment 6

[jsp]

Well, I'm not sure that I agree with Mozilla's interpretation of 10.8.1 of the
CSS2 spec, but forcing the "display" property to "block" allows me to get the
desired layout and seems otherwise harmless, so I won't argue.  (Based on what
I've seen to date, I wouldn't argue with David unless I wanted my ignorance made
plain.  He seems to be right an awful lot.)

Comment 7

[Stephen Walker]

vrfy dup