Radbryt efter en box??

4 svar · 446 visningar · startad av eddy1 9 nov. 2008

eddy1Medlem sedan aug. 2001969 inlägg

Trådstart9 nov. 2008 09:48#1

Hej..

Detta är säkert hur simpelt som helst men jag lyckas fan inte..

Har två boxar jämte varandra, sen ska det vara en box som ligger under dessa men den hamnar istället på samma rad??
Kruxet är att det fungerar i IE men inte i firefox??

mitt ex:

    <style type="text/css">

    #box1 { font-size: 14px }
    #box2 { float:left; width:200px; }
    #box3 { float:none; width:200px; }

    </style>

<div id="box2">gsfgsf</div>
<div id="box3">gfgsfgsf</div>
<div id="box1">gfgsfgsf</div>

Någon som vet vad detta beror på??

Mvh

Danne VMedlem sedan aug. 20068 090 inlägg

9 nov. 2008 10:11#2

Ladda gärna upp hela sidan inkl. stilar och ge en länk.
Oftast enklare att kolla då, och man ser ALL koden eftersom det ofta döljs saker som trådskaparen inte anser relevant, men som är det i allra högsta grad.
Du har t.ex. inte talat om vilken DTD du använder. Vi har ingen aning om vad annat som döljer sig på sidan.

eddy1Medlem sedan aug. 2001969 inlägg

9 nov. 2008 10:32#3

Okey..

Suttit länge och försökt få ordning på detta. Sen gjorde jag en enkel test sida för att utesluta massa annat krams, men inte ens det hjälpte??

Här är hela koden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <style type="text/css">

    #box1 { font-size: 14px }
    #box2 { float:left; width:200px; }
    #box3 { float:none; width:200px; }

    </style>
</head>
<body>

<div id="box2">gsfgsf</div>
<div id="box3">gfgsfgsf</div>
<div id="box1">gfgsfgsf</div>
</body>
</html>

TengbladMedlem sedan dec. 19998 277 inlägg

9 nov. 2008 10:41#4

#box3 { clear:both; width:200px; }

istället

eddy1Medlem sedan aug. 2001969 inlägg

9 nov. 2008 11:05#5

klockrent!!
ska googla lite på "clear"