CSS 3: plná výška postranního sloupce bez obrázku
24. 08. 2010 | Zdeněk Malbek | CSS | Komentáře: 0
Jak zkušenější webdesigneři vědí, v CSS zatím neexistuje způsob, jak zajistit, aby postranní sloupce layoutu byly fyzicky vždy stejně vysoké jako sloupec s hlavním obsahem. To, co nebyl problém udělat s tabulkovým layoutem, zde jednoduše vůbec nejde. Tento problém se v CSS typicky řešil použitím obrázku na pozadí, čímž se vytvořil "falešný" postranní sloupec o stejné délce, viz článek Třísloupcový layout se stejnou délkou všech panelů. V CSS 3 ale existuje jiná možnost, jak toho dosáhnout - za použití gradientu. Více informací o tomto zajímavém triku naleznete ve článku CSS3 Sidebar Full Height Background Color.
Výhodou tohoto přístupu je to, že k tomu nepotřebujete obrázek na pozadí. Nevýhodou je to, že to – zatím – nefunguje v prohlížečích Opera a Internet Explorer, které nemají pořádně implementovaný gradient v CSS.
Zdroj: aext.net.
Další aktuální články na interval.cz
- Rozhoduje se zákazník racionálně?
- Rychost, rychlost, rychlost - zrychlete své stránky
- Chamurappiho Webylon: čtyři články s kritikou W3C
- Nenápadný cloud: synchronizace dat z prohlížečů
- Pozvánka: Random Hacks of Kindness 2012
Tematicky související články
- Úžasné CSS 3 techniky, bez kterých nemůžete žít
- Jak na panely prostřednictvím HTML, CSS 3 a JavaScriptu?
- 20 nástrojů a zdrojů k CSS/CSS 3, které byste měli znát
- Jak implementovat efekty CSS 3, aby fungovaly v IE?
- Statické filtry v CSS - vizuální efekty bez grafického editoru
Dejte vědět i ostatním o článku
Diskuse (počet komentářů: 0)
Buďte prvním návštěvníkem, který přidá nový komentář.
