Placing a right-floated element in a left-positioned absolutely-positioned element causes the following behavior:
- Opera and iCab display correctly (I think); the absolutely-positioned element is sized to fit the float or other nodes of the element, whichever is wider
- Gecko stretches the absolutely-positioned element to the maximum width allowed by the containing block
- KHTML stretches the absolutely-positioned element to the sum of the width of the float and the other child nodes
(ppknote: IE behaves as Firefox)
My understanding of the box model spec is that Opera and iCab's behavior is correct; if anyone can corroborate this it would be greatly appreciated.
Reported on 12 December 2006.
Test page: http://fuxupyo.us/testcases/absolutestretch.html
Tested on locally-built debug build of WebKit r18401 with Safari 2.0.4 (419.3) on Mac OS X 10.4.8 (8N1037).
Created attachment 11985 [details]
WebCore gets the width right. The right float should be up with the left text though and the height should be smaller. Every single browser is wrong right now Opera/iCab are not right IMO.
Created attachment 19079 [details]
odd issue with floating
After checking the test today I found that Opera, Minefield (Gecko) changed its behavior. It seems that only Opera displays it without problem. However I found a detail - a space - which is responsible for rendering float below the text line. Check above a new test case and compare it with Minefield and Opera. Opera is the only browser not affected by the "space" issue. Without space on the end all three engines displays the test case correctly.
I was wrong. Gecko always renders flow below the text line. So the space issue preventing only Webkit from correctly displaying the first test case.
This is a duplicate of 45274 - which has a patch for review.
This was fixed by 45274. Please re-open if I'm wrong!