186321 - Adjecent Images render wrongly when DOCTYPE set to XHTML 1.1 but not XHTML1.0

Status: RESOLVED DUPLICATE of bug 22274

(Core :: Layout, defect)

Description

[Archie Binnie]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3a) Gecko/20021212
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.3a) Gecko/20021212

The only difference between the two pages linked on the problem page I have
submited is their DOCTYPE. When set to XHTML 1.1 it incorrectly adds white space
between the images. This doesn't occur in IE6+ or Opera 7+. All code and CSS is
certified compliant (w3c.org).

Reproducible: Always

Steps to Reproduce:
1.Place two <img> tags together, in a div with width so that they should go
top/bottom
2. They should line up, but don't with most recent XHTML DOCTYPE set


Actual Results:  
White space in Mozilla 1.1 and 1.2

Expected Results:  
No white space

Comment 1

[Eric A. Meyer (dead account)]

This is not a bug, but actually the result of a thorough implementation of the
CSS line box model.  The images are inline and so their bottoms sit on the
baseline of each line, even if there is no other text, and the space below the
baseline puses the images apart.  This doesn't happen in "quirks" mode in order
to support legacy documents.  See
http://devedge.netscape.com/viewsource/2002/img-table/ for a step-by-step
explanation and suggestions for workarounds, and also
http://devedge.netscape.com/viewsource/2002/almost-standards/ for another
possible way to address the situation.

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