Products
Technologies
A–C
D–H
I–Z
Developer services
Project centers
Developer resources
Community resources
- Adobe Cookbooks (share code)
- CSS Advisor (browser bug fixes)
- Exchanges (share components)
- Adobe Labs
- Adobe Open Source
- Forums
- RSS feeds
- Bug base
- User groups
- Adobe Community Experts (ACE)
- Developer events
Integration
Product documentation
Downloads
Samples
Training and books
- Online training
- Classroom training
- Certification
- Adobe Developer Library
- Adobe Press
- Safari Books Online
Newsletters
Blogs
Archives
ADC program
Additional resources
CSS Advisor
Floated non-float bug
Problem
A non-floated block with a width property that follows one or more left-floated blocks may incorrectly appear to the right of the floated blocks instead of below them.
Solution
Nothing standard.
Detailed description
Essentially, IE 5-6 Windows does not calculate the position of floats correctly. In this case, it would appear the left edge of the content is calculated before the width is applied- when as per specs the width should be applied before the edge position of the float should be calculated and rendered.
Alas, there is no workaround identified yet for this issue.
This bug was identified by Marc Pacheco at Quirksmode.org. (Read original article)
Text ID: FLOATING_NON_FLOAT
Comments (4)
To add a comment, please Log in.
nice work
by la_fontaine on March 18, 2009
I use the method of el_coroco, and I succes. Thx.
This worked with me...
by kawanda on December 10, 2008
I removed the widths from the right unfloated box and used margins instead...
Possible solution?
by el_coroco on February 5, 2008
I came across this problem with a footer. I added a class of clear:both; above and below my footer and then done the browser compatibility check and the problem had gone.
test
by nickname6 on December 20, 2006
test