ugrás a tartalomhoz

Float:left hatására a szülő div másképp viselkedik

Anonymous · 2006. Okt. 25. (Sze), 12.49
Sziasztok!

Eddig még nem volt problémám a div-ek kezelésével, de most elakadtam. Lehet annyira nyilvánvaló a hiba és azért nem veszem észre. De leírom inkább. Nem is nagy dologról van szó. Ezen a kis forráson szemléltetem.

<div id="oldal">
<div id="bal">bal rész</div>
<div id="jobb">jobb rész</div>
</div>
hozzá a stílus:

#oldal { width: 750px; background:#FF0000; }
#bal { width: 150px; float: left; }
#jobb { width: 600px; float: left; }
Az a probléma, hogy amikor bekerül a formázásba a float: left akkor az oldal id-je mitha megszünne. Kikerül a #bal,#jobb az #oldal-ból. Mintha az #oldal-nak nem lenne tartalma pedig benne van a kettő div. Azt szeretném ha a kettő div mozgásával (height) párhuzamosan mozogna alatta az #oldal.

Előre is köszi a tippeket és ha csak a fátol nem látnám az erdőt akkor bocsi!
‹ Outline helyett? Google Maps és az IE6. - z-order-t nem veszi figyelembe. ›
 ■
1

clear: left

Anonymous · 2006. Okt. 25. (Sze), 13.09

<div id="oldal">
<div id="bal">bal rész</div>
<div id="jobb">jobb rész</div>
<div id="clear"></div>
</div>


#oldal { width: 750px; background:#FF0000; }
#bal { width: 150px; float: left; }
#jobb { width: 600px; float: left; }
#clear { clear: left; }
2

köszönöm!

Anonymous · 2006. Okt. 25. (Sze), 13.22
Hálás köszönet!
Az a poén, hogy az előbb olvastam egy cikket erről. Ajajaj.....
További szép napot:)
3

vagy

Anonymous · 2006. Okt. 25. (Sze), 13.24
#oldal { width: 750px; background:#FF0000; clear: both; overflow: hidden; }
4

ok

Anonymous · 2006. Okt. 25. (Sze), 13.56
Szia!

Megoldottam az első változattal! Köszi!