Inline absolute positioned element doesn't treated as block element

RESOLVED INVALID

Status

()

RESOLVED INVALID
11 years ago
11 years ago

People

(Reporter: fatal, Unassigned)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(URL)

Attachments

(1 attachment)

2.47 KB, text/html
Details
(Reporter)

Description

11 years ago
User-Agent:       Opera/9.23 (Windows NT 5.1; U; en)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b2pre) Gecko/2007112905 Minefield/3.0b2pre

Seems like the problem is that Firefox doesn't treat absolute positioned element as block element.

CSS 2.1: Absolute positioning: "An absolutely positioned box establishes a new containing block for normal flow children and absolutely (but not fixed) positioned descendants."

Reproducible: Always

Actual Results:  
Inline absolute positioned element treated as inline element.

Expected Results:  
Inline absolute positioned element should be treated as block element.

Opera 9 and Safari 3 do in right.
(Reporter)

Comment 1

11 years ago
Created attachment 290836 [details]
Testcase

Comment 2

11 years ago
The layout in Firefox is correct.  You haven't specified 'left' for the
abs.pos. box so it will use the "static position" (roughly, where it
would be positioned had it not been styled with 'position:absolute')
http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width

If you want the same layout as in Opera you could add an explicit 'left:0'.

The bug really is in Opera and Safari, but the spec language is vague
in this area, saying that:
"But rather than actually calculating the dimensions of that hypothetical box, user agents are free to make a guess at its probable position."

-> INVALID
Status: UNCONFIRMED → RESOLVED
Last Resolved: 11 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.