eddy1Medlem sedan aug. 2001960 inlägg 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 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 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 #box3 { clear:both; width:200px; }
istället
eddy1Medlem sedan aug. 2001960 inlägg klockrent!!
ska googla lite på "clear"