webForumDet fria alternativet

Radbryt efter en box??

4 svar · 441 visningar · startad av eddy1

eddy1Medlem sedan aug. 2001960 inlägg
#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. 20067 685 inlägg
#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. 2001960 inlägg
#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. 19996 590 inlägg
#4
#box3 { clear:both; width:200px; }

istället

eddy1Medlem sedan aug. 2001960 inlägg
#5

klockrent!!
ska googla lite på "clear"

123 ms totalt · 3 externa anrop · cache AV · v20260731051352-full.56cc9887
0 ms — hämta statistik (cache)
0 ms — hämta forumlista (cache)
120 ms — hämta tråd, inlägg och bilagor (db)