CSS 3: plná výška postranního sloupce bez obrázku

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.