clear:both

[mindsleep]

Jag har floatat 2 stycken divs

 

Sedan använt <div style="clear:both;"> </div>

Efter det använder jag en <div>Text</div>

 

Problemet är att det blir extra mellanrum ovan för <div>Text</div> Jag vill att den diven ska hamna precis under de floated lagren.

 

Hur fixar jag detta?

[Cluster]

Är margin satt till 0?

[mindsleep]

Är margin satt till 0?

 

Ja. Kör margin:0px på alla divar för att kolla om det var det som var problemet.

[Jonas__B]

<div style="clear:both;"> </div>

Eftersom du har ett blankslag så det det ett mellanrum motsvarande en linjehöjd.

ta bort nbsp så fixar det sig säkert eller sätt stilen på stycket där texten finns

[mindsleep]

<div style="clear:both;"> </div>

Eftersom du har ett blankslag så det det ett mellanrum motsvarande en linjehöjd.

ta bort nbsp så fixar det sig säkert eller sätt stilen på stycket där texten finns

 

I Firefox fungerar det men inte IE och andra webbläsare.

[Jonas__B]

en annan lösning är att inkapsla floatade element

 

<div style="overflow:hidden">
 <div sylte="float:left">text</div>
 <div sylte="float:right">text</div>
</div>

<div>Nästa stycke</div>

 

 

eller använda clearfix-metoden

<div class="clearfix">
 <div sylte="float:left">text</div>
 <div sylte="float:right">text</div>
</div>

<div>Nästa stycke</div>

<style>
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
</style>