Closed
Bug 1133525
Opened 10 years ago
Closed 9 years ago
Render bug with div display:inline and absolute placement
Categories
(Core :: Layout: Block and Inline, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 489100
People
(Reporter: jorgk-bmo, Unassigned)
Details
I believe the following page is not rendered correctly:
http://www.jorgk.com/FF-bug/gallery.htm
When the window is wide enough, so both pictures fit horizontally, everything is OK.
When the window is made narrower, the 2nd caption gets placed in a funny place.
If the window width is further reduced, the caption jumps to the correct place.
Chrome and IE do what is expected: The caption is always placed onto the image, at the absolute position specified inside the <div>
I have the impression that the renderer is getting confused. Somehow it thinks it can squeeze some of the text in, but it doesn't quite fit, and the 2nd picture doesn't fit where it tried to squeeze the text in.
Reporter | ||
Updated•10 years ago
|
Summary: Render bug with div display:block and absolute placement → Render bug with div display:inline and absolute placement
Reporter | ||
Comment 1•10 years ago
|
||
All works well with "display:inline-block" instead of "display:inline".
Obviously the construction with "display:inline" is somewhat invalid, yet, Chrome and IE cope better.
So maybe close the bug as "invalid"?
Reporter | ||
Updated•9 years ago
|
Component: Untriaged → Layout: Block and Inline
Product: Firefox → Core
Reporter | ||
Comment 2•9 years ago
|
||
Ehsan, could who tell me who looks at layout problems. I reported this problem in February and so far it has received zero attention.
Flags: needinfo?(ehsan)
Comment 3•9 years ago
|
||
Jorg, thank you for the bug report. The zero attention is probably because Firefox:Untriaged has a giant backlog. :( In general, if you can figure out a better component than that, chances are the bug will get noticed quicker.
The problem is that we're using the first box of the inline as the absolute containing block, not the bounding rect of all the boxes. And the second inline starts right after the first inline, _before_ the linebreak. You can see this if you add a border to the second <div class="gallery-image">.
Status: NEW → RESOLVED
Closed: 9 years ago
Flags: needinfo?(ehsan)
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•