dcsimg

Float bug for Windows IE 5.0 and 5.5


If you are using Windows IE 5.0 or 5.5 you will notice that some lines of "Text" (5 or 6 depending on your default font size) are pushed to the right some pixels. This shouldn't happen, the float isn't overlapping the div element with silver background, so all the lines should have the same alignment. It's a minor bug and the same thing happens if you mess with the right floating elements, but you won't notice unless the text is also right aligned. No workarounds found, you could get the same visual display using absolute positioning but some functionality provided by the floats would be lost.

FLOAT
Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text

This is the code used for this example.


...

<div style="background:black;">

  <div style="float:left;width:100px;height:100px;background:gray;">

    FLOAT

  </div>

  <div style="margin-left:150px;background:silver;">

    Text Text Text...

  </div>

</div>

...