div positioning

[Parham]

so, hmm...
this works:

Code Select Expand


<div STYLE="float: left; width: 180px; background: #FF0000">
column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1
</div>
<div STYLE="float: left; width: auto; background: #0000FF">
column2 column2 column2 column2 column2 column2 column2 column2 column2 column2 column2 column2 column2
</div>
<div STYLE="clear: both">this should appear below everything else</div>


while this doesn't:

Code Select Expand


<div STYLE="clear: both">
<div STYLE="float: left; width: 180px; background: #FF0000">
column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1 column1
</div>
<div STYLE="float: left; width: auto; background: #0000FF">
column2 column2 column2 column2 column2 column2 column2 column2 column2 column2 column2 column2 column2
</div>
</div>
this should appear below everything else


note, the only thing i changed was where the div tag with the clear attribute was surrounding.

[[Unknown]]

Clear only applies to floats outside.... to my understanding... maybe I'm wrong...

-[Unknown]

[mephisto_kur]

Thats my impression as well, altho I never really messed with it too much.  It can sometimes act funny on some browsers, so I tend to use positioning instead.