Summary: | Floats can overlap the last line of the previous block | ||
---|---|---|---|
Product: | WebKit | Reporter: | Brett Wilson (Google) <brettw> |
Component: | Layout and Rendering | Assignee: | Nobody <webkit-unassigned> |
Status: | RESOLVED INVALID | ||
Severity: | Normal | CC: | mitz |
Priority: | P2 | ||
Version: | 523.x (Safari 3) | ||
Hardware: | Mac | ||
OS: | OS X 10.4 |
Description
Brett Wilson (Google)
2007-07-31 10:21:01 PDT
So this seems like a text-scaling issue, no? The current text-scale is not taken into account by all layout calculations perhaps? (In reply to comment #1) > So this seems like a text-scaling issue, no? The current text-scale is not > taken into account by all layout calculations perhaps? > No it's not. If you add "body { font-size: 28px; }" to the <style> element you get the same result. There's nothing wrong with this result. It's exactly what you'd expect. The floats occur after the word "text." That means they can and will sit on the same line if possible. At certain sizes, there is enough space available, and so the first left float is able to co-exist on the same line as "text." The basic rule here is that floats should be positioned as high as possible, without occurring on a line prior to where they are declared. Firefox and IE both bungle this rule and often put floats on the line *below* where they are declared. See section 9.5.1 of the CSS2.1 spec. http://www.w3.org/TR/CSS21/visuren.html#float-position In particular rule 6 effectively defines the highest point of the float and rule 8 establishes that the float should be on the same line. |