Reklama

zonerbooks.cz | zoner.cz | czechia.com | regzone.cz | inshop.cz | inmail.cz | zonerpress.cz | zonerantivirus.com | zonerama.cz

interval.cz

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

Tematicky související články

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ář.

Přidat nový komentář

Jméno a e-mail jsou nepovinné. Příspěvky obsahující odkaz jsou moderovány.

Zoner AntiVirus Free pro Android
zabezpečte si svůj smartphone, zdarma
Profesionální eshop Zoner inShop od 990 Kč.
Zoner Photo Studio 14 – vyzkoušejte ZDARMA

Vybíráme z webu milujemefotografii.cz

Error: Feed has a error or is not valid

Reklama
Reklama
Zoner Photo Studio 14

Syndikace

hledáme nové autory | redakce interval.cz | reklama na interval.cz

© ZONER software, a.s., všechna práva vyhrazena, interval.cz dodržuje právní předpisy o ochraně osobních údajů. Powered by WordPress.