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/.

Žádný příspěvek v diskuzi

Odpovědět