Autor Zpráva
Lukáš Kadlec
Profil
klasickej vzhled, vlevo menu vedle obsah. Jak docílit, aby se menu prodlužovalo podle obsahu v pravém sloupci?
PerToon
Profil
dva sloupce vedle sebe pomocí divů?
dva sloupce v tabulce?
Lukáš Kadlec
Profil
přes divy
Anonymní
Profil *
pozadi
Lukáš Kadlec
Profil
Anonymní: no, právě o to jde, aby byl přes celou výšku barevnej sloupec. (obrázkem to řešit nechci)
Anonymní
Profil *
tak jedine tabulky,
nebo divy + js
nebo nejaky "hacky"

doporucuju pozadi
Timy
Profil
http://wellstyled.com/css-2col-fluid-layout.html
http://llook.wz.cz/weblog/spot/layout-se-stejnou-vyskou-sloupcu.php
habendorf
Profil
Když vyjdu z původní otázky, tedy jak dotahovat menu (čili počítám že obsah je vždy delší než menu), pak to jde i bez obrázků (wellstyled), i bez hacků a záporných marginů (llook).
Lukáš Kadlec
Profil
habendorf: fajn, a prozradíš jak na to?
habendorf
Profil
Jistě :o)

.obal {width:100%; background:green;}
.pravy {float:right; width:80%; background:yellow;}

<div class="obal">
<div class="pravy">
Obsah praveho sloupce Obsah praveho sloupce
Obsah praveho sloupce Obsah praveho sloupce
Obsah praveho sloupce Obsah praveho sloupce
</div>
Obsah leveho sloupce
</div>

Ale šlo mi spíš o princip, v praxi bych to nepoužíval. Funguje to skutečně jen jednosměrně - dotahuje levý sloupec, pravý nikoliv.
habendorf
Profil
Ups, Gecko to nedotahuje, sorry.
Timy
Profil
habendorf
funguje to na 100%? Jednou jsem použil stejný způsob a po chvíli se mi stránka (už nevím proč) rozpadla v IE... vznikla tam nějaká škvíra, která tam být neměla. Ale měl jsem tam ještě hlavičku a patičku. Moc jsem to tehdy neřešil, možná to šlo ještě nějak ošetřit
Timy
Profil
habendorf
Ups, Gecko to nedotahuje, sorry. -- hmm, tak jsem asi použil podobný způsob, ne stejný:-)

update: přidej tam tu patičku s clear:both a bude to dotahovat
habendorf
Profil
To je jasný, ale nesmí (ta patička) mít nulovou výšku. Tohle funguje (ale je to fuj):

.obal {width:100%;background:green;}
.pravy {float:right;width:80%;background:yellow;}
.cistic {clear:both;height:0px;font-size:0;line-height:0;}
.obal>.cistic {clear:both;height:1px;background:white;}

<div class="obal">
<div class="pravy">
Obsah praveho sloupce Obsah praveho sloupce
Obsah praveho sloupce Obsah praveho sloupce
Obsah praveho sloupce Obsah praveho sloupce
Obsah praveho sloupce Obsah praveho sloupce
Obsah praveho sloupce Obsah praveho sloupce
</div>
Obsah leveho sloupce
<div class="cistic">&nbsp;</div>
</div>
Lukáš Kadlec
Profil
:o( hmmm, tak sic s odporem, ale asi to bude jednodušší přes tabulku...
habendorf
Profil
Ale ne, nejlíp se to řeší opravdu tenkým opakovaným proužkem na pozadí.
Lukáš Kadlec
Profil
díky všem...
Toto téma je uzamčeno. Odpověď nelze zaslat.

0