The float layout problem in ie6

HTML & CSS
1

I saw the same concept in other website by using margin-left: -100%

here is the code

<div style="width:150px;">
<DIV style="FLOAT: left; WIDTH: 100%">
<DIV style="MARGIN-LEFT: -25px">main paragraph</DIV></DIV>
<DIV style="FLOAT: left; MARGIN-LEFT: -100%">question&#65306;</DIV>
</div>

how to make the <div>question: to the left of the main paragraph in IE6

Thanks

2

Hi, perhaps it would be best for you to show us what you want done :).
Look at your structure

[color=red]<div style="width:150px;">[/color]
[B]<DIV style="FLOAT: left; WIDTH: 100&#37;">
<DIV style="MARGIN-LEFT: -25px">main paragraph</DIV>[/B][color=green]</DIV>[/color]
[color=red]<DIV style="FLOAT: left; MARGIN-LEFT: -100%">question&#65306;</DIV>[/color]
[color=blue]</div>[/color]

The red are the outer divs which you want next to each other. The green is the extra closing div which makes it impossible right now. The blue is an extra closing div.

I don’t know exactly which way youy want, but if you remove the blue, then the 150px width div needs to be floated to allow them both on the same line :slight_smile:

If you remove the green, then nopthing is needed :slight_smile: