
CSS tip: plovoucí layout se stejnou výškou sloupců
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/.
Mohlo by vás také zajímat
-
Aukce CZ domén: Jak vydražit expirovanou CZ doménu?
12. června 2024 -
Nové AI modely od Open AI a Google
22. května 2024 -
-
Globální výpadek IT systémů: Může za to jediná aktualizace
19. července 2024