[CSS] Jak nastavit DIVu výšku podle vedlejšího DIVu?

[CZechBoY]

Zdravim,
je možný u DIVu nastavit výšku přes celý nadřazený DIV?
Potřebuju to u levého a pravého panelu, střední se bude zvětšovat.

Díky

[Reklama]

[Stene]

Rád bych poradil, ale tohle jsem ještě snad nikde neviděl.. Na co to vůbec potřebuješ?

[Myloš]

CZechBoY
Nenastavuje se to výškou, ale pozadím nadřazeného divu.
Ve dvou sloupcích podle Pixyho: http://wellstyled.com/css-2col-fluid-layout.html
Ve třech sloupcích na mé Pokusné Kryse: http://pokusna-krysa.webpark.cz/3sloupce/index.html

[CZechBoY]

takže mám nastavit nadřazenému divu nějaké pozadí? je jedno jaké?
takže třeba background: none?

[Myloš]

Četl jsi ty odkazy? V prvním to máš podrobně vysvětlené, v druhém máš aspoň zobrazený zdroják.
Pokud bys to ani přesto nepochopil, dělá se to zkrátka tak, že se nadřazený blok (obecně hlavní div) zdánlivě (opticky) „rozdělí“ dvoj/trojbarevným obrázkem na dva/tři sloupce.
Vnořené sloupce pak vůbec nemusejí dosahovat až dolů, na konec, ale vypadají, jako kdyby měly 100% výšku.
Krom pozadí pak lze použít buď float (Pixyho řešení), nebo absolutně pozicovaného bloku v bloku pozicovaném relativně (moje řešení).

[CZechBoY]

aha, tak to já nechci, potřebuju aby mi písmo z prostředního divu neběhalo z levýho do pravýho, potřebuju aby bylo jen uprostřed
viz. web z jinýho topicu

[Myloš]

Tak opravdu nevím. Podívej se, prosím tě, ještě jednou na moji ukázku na Pokusné kryse. Běhá tam něco ze sloupce do sloupce? Ne! Každý sloupec má svůj vlastní obsah, který nikam nevytéká. To, co je vlevo, je jen vlevo, to, co je uprostřed, je jen uprostřed a to, co je vpravo, je jen vpravo. Co na tom, properuna, nechápeš?

[CZechBoY]

takže mám dát DIV do DIVu (sidebar-in do sidebar, který bude mít float:left), nebo jak to mám udělat?
já už jsem v tom strašně zamotanej a nevim co tam přidat :(

[Myloš]

Ještě jednou: to je takový problém si přečíst zdroják odkazované stránky?

<div id="obal_stranky"> je hlavní obal. Má nastaveno position:relative, aby určoval souřadnice vnořených pozicovaných prvků
Na pozadí má obrázek, který je barevně rozdělený na 3 sloupce:

Pro názornost jsem ho udělal vyšší, ale stačí výška 1px, protože obrázek svisle repetuje (repeat-y)
Tento div obsahuje za sebou (ne v sobě nevzájem) následující bloky:

<a href="#" id="logo"> je hlavička (banner). Zobrazuje se tam, kde je (nepozicuje se)

<div id="menu_vlevo"> je levý sloupec. Má position:absolute, left:0 a top:tolik, aby byl pod hlavičkou. Má nastavenou nějakou šířku

<div id="menu_vpravo"> je napozicovaný obdobně, akorát že namísto souřadnice left:0 má right:0

<div id="main"> je hlavní (prostřední) sloupec. Levý a pravý margin má stejný nebo o pár pixelů širší, než jsou levý a pravý blok Nepozicuje se.

Nakonec přijde patička (zde jsem použil prvek <address>). Pokud má být mimo, pak ji dej mimo všechny divy. Pokud ne, přijde před ukončení hlavního obalu.

[CZechBoY]

mno takže to není žádnej trik, jen tomu dám trapnou position:absolute
kde je float?
potřebuju aby to bylo jaksi proměnný
vlevo bdue anketa a když dám každej tejden novou anketu tak musim měnit každej tejden CSS?

[Myloš]

Jak jsem psal, nabídnul jsem ti dvě řešení. Jedno – Pixyho – používá float a na odkazované stránce to má velmi podrobně popsané (pokud se ti to zobrazí anglicky, klikni na pravý nečitelný sloupec a bude to česky). Oproti tomu já volím radši pozicování (nic pro začátečníka, který pozicování nerozumí, ale jakmile víš, jak pozicování funguje, zjistíš, že na tom nic není) – to je ten můj příklad.

Konečně další všemožné layouty pak najdeš na Intervalu: http://interval.cz/hotova-reseni/pro-css/

Ještě doplním:
Pokud nebudeš u sloupců měnit šířku, není potřeba v CSS nic měnit. Jen do HTML přidáš potřebné novinky.

[CZechBoY]

jo interval jsem četl, pixyho jsem četl ale má tam DIV v DIVu a to já moc nechci mít 4 DIVy pro jeden textovej blok