divar i en div

2 svar · 436 visningar · startad av sifix 13 dec. 2006

sifixMedlem sedan maj 200373 inlägg

Trådstart13 dec. 2006 23:11#1

Detta ser inte likadant ut i FF som i IE. Nån som vet hur man ska göra för att FF ska visa det som IE?

<div id="a">
Text
<div id="b">Text</div>
<br>
<div id="c">text</div>
</div>

BODY { background: #D9D9D9; text-align: left; padding: 0px; margin: 20px;}
#a {width: 753px; ; background: #ffffff; border: 1px solid #C1C3C2; }
#b {width: 753px; float: left; margin: 0px; padding: 10px 10px 10px 10px }
#c {width: 753px; float: left; margin: 0px; padding: 10px 10px 10px 10px }

OkkidoMedlem sedan maj 20007 492 inlägg

13 dec. 2006 23:41#2

Det finns mänder med olika sätt att lösa det på och det är nog inte värt att ta en diskussion om vilket som är bäst Det du måste göra är att clear:a dina floats (bra svengelska).
Nånting direkt efter dina två divar måste clear:a.

http://www.quirksmode.org/css/clearing.html
http://www.456bereastreet.com/archive/200502/simple_clearing_of_floats/
osv osv det finns mängder med sidor där ute som visar olika sätt att göra det på. Google efter det om du inte nöjer dig med dessa.

Enklast och snabbast om du inte bryr dig så mycket är att bara lägga till <div style="clear:both;"></div> direkt efter <div id="c">text</div>

sifixMedlem sedan maj 200373 inlägg

14 dec. 2006 09:45#3

Tack Okkido.