ugrás a tartalomhoz

2 div egymás mellett

Anonymous · 2006. Szep. 3. (V), 11.05
Egy "konténer" div-ben szeretnék két divet egymás mellé rakni, úgy hogy a konténer olyan magas mint a magasabbik div.
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head></head>  
  4. <body>  
  5. <div style="border:1px solid #000;">  
  6.     <div style="float:left;width:300px;border:1px solid #000;">      
  7.     ez az első  
  8.     </div>  
  9.     <div style="margin-left:300px;width:300px;border:1px solid #000;">  
  10.     ez a második  
  11.     </div>  
  12. </div>  
  13. </body>  
  14. </html>  
Ha a második div-ben a tartalom magasabb mint az elsőben akkor minden úgy néz ki ahogy szeretnem, de ha az elsőben magasabb akkor kifolyik a konténerből az első div. Ha előre tudnám melyik lesz a magasabb akkor a másikat float-olnám, de nem tudom előre, dinamikus a tartalom. Hogy kellene ezt csinalni?
 
1

rrd leírása

Jano · 2006. Szep. 3. (V), 11.20
Ez a "number one" probléma, ha vissza olvasól fórumban találsz még rá pár tucat topikot. Rrd írt erről egy jó kis hogyant:Oldalhasábok magassága
2

koszi!

Anonymous · 2006. Szep. 3. (V), 11.36
Nekem nem vizualis osszeolvasztás kell, de a cikk végén kaptam választ:
"A legalsó <div style="clear:both;"></div> bejegyzés azért kell, mert e nélkül a böngészők nem tudják kiszámolni a megjelenítendő lap magasságát, ugyanis a háttérrel rendelkező divünk nem tartalmaz közvetlenül megjelenítendő tartalmat, csak más diveket, így magassága 0 lesz, így a háttér sem fog látszani. Az új div bevezetésével ezt egyszerűen tudjuk orvosolni."
3

Működik - nem működik

Anonymous · 2006. Szep. 3. (V), 12.31
Vigyázz, mert
a legalsó div
-es megoldás pl. IE-ben műxik (V6.0), de Firefox-ban (V1.5.0.6) már nem.

Szóval ha böngészőfüggetlen kód számodra lényeges, fontos, kérj további tanácsokat, vagy keress tovább!

Én sajnos nem nagyon értek a CSS-hez, csak érdekelt a kérdésfelvetés, beleolvastam és kipróbáltam a lehetséges megoldást.

Lehet, hogy a korrekt megoldás itt bújik valahol a weblabor hasábjain...
4

1.5.0.5

Anonymous · 2006. Szep. 3. (V), 16.17
FF 1.5.0.5-ben biztos h működik, ebben dolgozok.

Üdv.: Zsolt
(a témaindító Anonymous)