CSS tip: plovoucí layout se stejnou výškou sloupců

26. října 2010

Webdesigneři v mnoha situacích potřebují, aby jednotlivé sloupce layoutu měly vždy stejnou výšku. V době temna, když se pro tvorbu layoutu využívaly (mnohokrát vnořované) tabulky, něco takového vůbec nebyl problém. S layoutem založeným na CSS to ale jistý problém je. Existuje ale několik způsobů, jak tento problém vyřešit. Jeden z nich spočívá v nastavení pozadí pro rodičovský prvek. Ačkoliv sloupce fyzicky nemají stejnou výšku, z pohledu návštěvníka to vypadá, že ji mají. Jak ale postupovat v případě, kdy každý sloupec má mít vlastní barevné pozadí, takže trik s pozadím rodičovského prvku nejde použít? A co když váš layout je plovoucí, tj. nastavuje se automaticky podle aktuální šířky okna prohlížeče? Prostudujte si zajímavý článek s názvem Fluid Width Equal Height Columns ze serveru CSS-TRICK.com, který popisuje několik možných řešení.

Zdroj: css-tricks.com/.

Štítky: Zprávičky

Mohlo by vás také zajímat

Nejnovější

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *