Štítek: Pro CSS: layout
Třísloupcový layout – svatý grál
Tato verze třísloupcového layoutu si vzala to nejlepší z ostatních technik tvorby třísloupcových layoutů. Nejdůležitější přednost tohoto řešení spočívá v tom, že hlavní panel je v kódu dříve než levý a pravý panel, což ocení především příznivci SEO – obsah stránky (text stránky)
Čtyřsloupcový layout s position: absolute;
Toto řešení ukazuje neobvyklý layout se čtyřmi sloupci. Řešení využívá vlastnost position: absolute, což nebývá typické. Jedná se o zajímavý a přitom funkční layout.
Simulace rámců 2
Pokud jste někdy chtěli skloubit výhody framu s výhodami CSS layoutu toto řešení by vám mohlo dopomoci ke kýženému cíli. Celý obsah webu je umístěn v jednom souboru, načte se tedy celá stránka a při kliknutí na položku v menu již nedochází k obnovování
Třísloupcový fixní layout se stejnou délkou panelů
Tento třísloupcový layout se zobrazuje ve všech prohlížečích stejně, jeho hlavní výhodou je, že znáte přesnou šírku a na základě toho můžete stanovit absolutně šířku elementů použitých v obsahu. V součastnosti je to jeden z nejpoužívanějších layoutů, většina kodérů již rezignovala na fluidní
Dvousloupcový layout s pevnou šířkou
Dvousloupcový layout, ve kterém mají oba panely pevnou šířku.
Vychytaný třísloupcový fluidní layout se stejnou délkou panelů
Tento třísloupcový layout se zobrazuje ve všech prohlížečích stejně, navíc je určena minimální a maximální šířka (pro MSIE pomocí expressions), takže se při vysokém rozlišení z textu netvoří dlouhé „nudle“ a naopak při zmenšování viewportu se layout „nerozsype“.
Dvousloupcový layout s plovoucí šířkou pravého panelu
Dvousloupcový layout, ve kterém má levý panel pevnou a pravý panel plovoucí (proměnlivou) šířku.
Dvousloupcový layout s plovoucí šířkou obou panelů
Dvousloupcový layout, ve kterém mají oba panely plovoucí (proměnlivou) šířku.
Třísloupcový layout se stejnou délkou všech panelů
Třísloupcový layout bez použití tabulek, absolutního pozicování nebo CSS hacků, se stejnou velikostí všech sloupců. Levý a pravý sloupec jsou široké 150px, prostřední sloupec má plovoucí šířku.
Třísloupcový fluidní layout
Jasné a stručné – třísloupcový plovoucí layout.