Seriál: Layout
Komentářů: 0
Třísloupcový layout v CSS
Poměrně náhodou jsem narazil na zajímavý CSS layout. Jedná se o tři sloupce s hlavičkou a patičkou. Výška celého layoutu je 100%, takže i když stránka obsahuje málo textu, tak se patička zobrazí až úplně dole.
Nevýhodou je, že levý a pravý sloupec obvykle s menu je v kódu ještě před vlastním obsahem. CSS kód není validní z důvodu použití workaroundu pro Internet Explorer pomocí nestandardního expression. Jinak je pěkně popsán seznam všech použitých workaroundů, které řeší chyby v prohlížečích, především pro Internet Explorer. Layout by se měl zobrazit správně ve všech novějších prohlížečích.
Související
Pixy: 3-col layout via CSS
Komentářů: 4
Ministerstvo informatiky má CSS layout
Ano, je to tak. Ministerstvo informatiky má opravdu CSS layout a skoro validní kód - obsahuje ještě tři chybky, které jsou pravděpodobně pozůstatkem staré verze a budou v nejbližší době opraveny. A hádejte, kdo je autorem?
<meta name="author" content="Code & CSS: Petr Stanicek, pixy@pixy.cz" >
Jsem rád, že předsevzetí, ze závěrečného shrnutí testování webů státní správy, Ministerstva informatiky ohledně změn u svého webu nevyznělo naprázdno (via Spravodaj).
Velkých změn by také měl doznat web Ministerstva informatiky.
Komentářů: 0
Vybíráme layout webu
Petr Bříza rozebírá na Intervalu v článku Tvorba layoutu webu - teoretický úvod jednotlivé typy layoutů - rámce, tabulkový layout a CSS layout. Zaměřil se na všechny výhody i nevýhody, které nám použití jednotlivých typů přináší.
Komentářů: 0
Sestavujeme layout webu
Petr Bříza na Intervalu dokončil článkem Tvorba layoutu webu - praktický přehled miniseriál o výběru a tvorbě toho správného layoutu, který se nejvíce hodí pro daný projekt. V tomto článku se zabývá jednotlivými částmi layoutu, nastiňuje možné způsoby řešení a přidává řadu kvalitních odkazů, kde se toto téma podrobně řešilo.
Komentářů: 9
Tabulky pro třísloupcový layout
Když už to Jirka Bureš nakousl,
tak proč to nedokončit ;-) I já se přidávám k článku Víti Dlouhého 3 stejně vysoké sloupce? Tabulky jsou vhodnější. Ne vždy je CSS layout výhodnější než tabulky. Musí jít ale o jednoduchou tabulku a zbytek formátování v CSS!
Víťa ukazuje, že při tvorbě třísloupcového layoutu, který má mít všechny tři sloupce stejně dlouhé, může být použití tabulek i výhodnější. Ale i přesto je zachována:
- přístupnost
- rychlost načítání
- pořadí jednotlivých částí stránky podle důležitosti
Hlavní nevýhodou je, že při menším rozlišení je nutné skrolovat doprava a doleva. Je tedy nutné zvážit výběr správných prostředků.
Související
- Yuhůův weblog o webu: Tabulkový layout nezrychlíte [9.6.2004]
