2 div egymás mellett
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. 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?
■
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head></head>
<body>
<div style="border:1px solid #000;">
<div style="float:left;width:300px;border:1px solid #000;">
ez az első
</div>
<div style="margin-left:300px;width:300px;border:1px solid #000;">
ez a második
</div>
</div>
</body>
</html>
rrd leírása
koszi!
"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."
Működik - nem működik
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...
1.5.0.5
Üdv.: Zsolt
(a témaindító Anonymous)