[SOLVED] My internal IE bug tracker is failing me... floats
Posted: Thu Mar 05, 2009 5:16 am
Simple demo:
The two boxes that are floating should go left and right, but should clear each other so the first sits top-left, and the second sits bottom-right.
In all browsers except IE 6 (that I have access to on my Mac) this works. In IE 6, the boxes end up on the same row as each other. Why?
My "real world" problem is actually a list where each <li> goes left/right to give the impression of a conversation (speech bubbles coming from the left and responses from the right).
Code: Select all
<div style="width: 400px;"> <div style="background: red; float: left; clear: both;">Top left</div> <div style="background: blue; float: right; clear: both;">Bottom right</div></div>In all browsers except IE 6 (that I have access to on my Mac) this works. In IE 6, the boxes end up on the same row as each other. Why?
My "real world" problem is actually a list where each <li> goes left/right to give the impression of a conversation (speech bubbles coming from the left and responses from the right).