Dvousloupcový layout (fixní + pružný sloupec)
3 príspevky
Archív diskusného fóra
Fórum je uzavreté a slúži iba na čítanie. Niektoré informácie môžu byť zastarané.
-
Po hodinách zkoušení a prohledávání internetu se zeptám, třeba tady někdo zná nějaké jednoduché řešení co mě nenapadlo :) Jde nějak udělat dvousloupcový layout (pomocí css) s tím, že levý sloupec je fixní (např. 150px) a pravý vyplňuje zbytek šířky elementu body? Samozřejmě, základní řešení (které jsem našel na internetu snad dvacetkrát) je s float: left u levého sloupce a margin-left: 160px u pravého sloupce. To funguje super, ale jen do té doby než potřebujete použít element s clear: both uvnitř pravého sloupce (což já potřebuju). Druhé řešení které nemá problém s clear je použití float: right u pravého sloupce, jenže tam to nefunguje pokud nemá pravý sloupec zadanou šířku. Což odporuje požadavku na pružný sloupec ;) Třetí řešení pomocí absolutního pozicování přináší zase problém jak ukončit pravý sloupec s koncem stránky vpravo (IE to vyhodí ven). Třeba je řešení opravdu jednoduché a jsem slepý (taky nejsem nijak zkušený co se css layoutů týká, zatím jsem používal pořád jen jeden, fixní). Předem dík za podněty či nakopnutí ;)
-
http://css.interval.cz/clanky/dvousloupcovy-layout-s-plovouci-sirkou-praveho-panelu/
-
To je ale pořád to nefunkční řešení, podobných layoutů jsem viděl mnoho. Dokonce i přímo na tebou uváděné stránce jsem byl. Přečti si znovu třetí odstavec ("Samozřejmě, základní řešení ..."). Nefunguje. Pokud se použije element s clear: both v pravém sloupci, tak se vyčištění provede až pod levý sloupec (samozřejmě aby se to projevilo tak musí být levý sloupec dostatečně dlouhý) a ne pod obtékaný element v pravém sloupci.