
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.
Mohlo by vás také zajímat
-
-
-
-
Souboj na trhu s CPU pro servery: AMD vs. Intel
8. prosince 2023
Nejnovější
-
10 nejčastějších chyb při tvorbě webu na WordPressu
28. července 2025 -
Co je to neuronová síť
21. července 2025 -
Elektronický podpis – má dnes ještě uplatnění?
16. července 2025 -
Co je to Generative Engine Optimization (GEO)
11. července 2025