1. Home
2. Developer Center
3. Dreamweaver Developer Center
4. CSS Advisor

CSS Advisor

First line after header doesn't properly wrap around second float

Problem

If the second (and any subsequent) floated element follows a header (<h1>, <h2>, etc.), the first line of text following the float will overlap the floated element.

Solution

No known solution, but can be resolved by resizing the browser window.

Detailed description

If a floated box element comes directly after a heading (<H1>, <H2>, <H3>, etc.), the first line of text after the floated element will overlap the floated element in Firefox 1.0 (fixed in Firefox 1.5) and Mozilla 1.6. However, resizing the window will resolve this rendering issue. If the page is reloaded, it often will re-instantiate the bug.

Note that the first floated instance in the page will not trigger this bug, but the second (and subsequent) floats in the page will.

This issue was originally reported at Quirksmode (Original article).

Text ID: FLOATS_AND_HEADERS

---