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.
  1. <div id="oldal">  
  2. <div id="bal">bal rész</div>  
  3. <div id="jobb">jobb rész</div>  
  4. </div>  
hozzá a stílus:
  1. #oldal { width: 750px; background:#FF0000; }  
  2. #bal { width: 150px; float: left; }  
  3. #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
  1. <div id="oldal">  
  2. <div id="bal">bal rész</div>  
  3. <div id="jobb">jobb rész</div>  
  4. <div id="clear"></div>  
  5. </div>  
  1. #oldal { width: 750px; background:#FF0000; }  
  2. #bal { width: 150px; float: left; }  
  3. #jobb { width: 600px; float: left; }  
  4. #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
  1. #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!