
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
-
-
-
Lék na phishing a apatii ve světě e-mailového marketingu
18. března 2024 -
Znovuuvedení domény .AD
5. září 2024
Nejnovější
-
1,5 milionu CZ domén: Co to znamená pro český internet?
31. března 2025 -
Co je to TTL a proč na něm záleží?
25. března 2025 -
Kdo má nejrychlejší WordPress hosting v ČR?
18. března 2025 -