153015 - Image with 'display: block' not tiling correctly in XHTML table

Status: RESOLVED INVALID

(Core :: Layout, defect, P3)

Description

[Tim Nufire]

The enclosed BROKEN.xml file demonstrates a tiling bug using 'display: block' on
an <img> tag. When viewed, the image has dropped down below the frame that
should be enclosing it.

The enclosed WORKAROUND.xml gets around this bug by adding 'valign="bottom"' to
the <td> tag of the column containing the troubled image.

Comment 1

[Tim Nufire]

Attachment: BROKEN.xml

Example of the bug.... When viewed, the red area in the center is where the
image should be.

Comment 2

[Tim Nufire]

Attachment: WORKAROUND.xml

This version of the XHTML file gets around the bug by adding ' valign="bottom"'
to the <td> tag of the image that is displayed incorrectly.

Comment 3

[Stuart Parmenter]

-> layout

Comment 4

[Henri Sivonen (:hsivonen) (on vacation)]

The anchor element around the image has been left to the default display:
inline;. Setting that one to block as well (as suggested in the FAQ) solves the
problem.

I'm not sure what should happen if you put something with display: block; inside
something with display: inline;, but I suppose this one is INVALID.

Comment 5

[Chris Petersen]

Based on the comments below, marking invalid.