CSS IE6 float right

How did it happen when I have a div style on the display: block; float: on the right, in IE6 the div still goes under the text, and not in the middle of it, it just moves to the right. It works in all other browsers, including IE7 +. I need to have a display unit, because if I show the inline, then the menu inside the div is all messed up.

.content {display: block; }

.float {width: 150 pixels; display: block; float: right; }

.nothing {display: inline; }

the float class is not to the right of any class, it under it in IE6, you know, fix it?


I assume this means:

<span>This is some text </span>

<div style="float: right;">
    This is floated text
</div>

The result looks something like this:

This is some text    
                        This is floated text

If you are floating a range to the left or

<span style="float:left;">This is some text </span>

<div style="float: right;">
    This is floated text
</div>

switch text order and swim

<div style="float: right;">
        This is floated text
</div>

<span>This is some text </span>

It works correctly:

This is some text This is floated text
+3
2
+1

, float: left align: right ? , .

0

Source: https://habr.com/ru/post/1728142/


All Articles