Kouzlo dvou stejně velkých divů

1. Návštěvník 55F2C9DA 7. 6. 2005 17:16

   Prostě mám něco takovýho: <div id="main"> <div id="mainLevo"> <h1>Nadpis 1</h1> <div class="text"> <h2>Nadpis2</h2><p>bla bla bla bla</p> </div> <div class="text"> <h2>Nadpis2</h2><p>bla bla bla bla</p> </div> <div class="text"> <h2>Nadpis</h2><p>bla bla bla bla</p> </div> </div> <div id="mainPravo"> <img src="img/home.PNG" alt=""> </div> </div> A jak teď udělat, aby div mainLevo a mainPravo měli stejnou výšku?

2. Návštěvník 95035511 7. 6. 2005 19:24

   Buď jim nastav stenou pevnou výšku, nebo dej #main na pozadí obrázek, který bude simulovat sloupce.

3. Návštěvník 55F2C9DA 7. 6. 2005 20:15

   Jenže, já potřebuju,aby když v jednom sloupci bude víc textu, tak se zvětší výška a jak udělat aby v tomto případě se zvětšil i sloupec vedle toho?

4. Návštěvník 95035511 7. 6. 2005 21:00

   Přesně tohohle efektu se pomocí pozadí dá, alespoň na oko, dosáhnout. #main obsahuje dva různě vysoké sloupce #mainLevo a #mainPravo. #main se tedy roztáhne na výšku toho vyššího sloupce. Pozadí #main může vypadat třeba takhle: http://www.wellstyled.com/files/css-2col-fluid-layout/fig1.gif Ten obrázek - dvoubarevný proužek - se bude svisle opakovat po celé výšce #main, a tím vytvoří dojem dvou stejně vysokých sloupců. Ještě související link: http://www.wellstyled.com/css-2col-fluid-layout.html

5. Návštěvník A306399B 11. 6. 2005 12:13

   a čo toto? http://llook.wz.cz/weblog/spot/layout-se-stejnou-vyskou-sloupcu.php

← Zpět na všechna témata