22. 9. 2004 v sekci zdroje:

Přizpůsobivé layouty

V několika projetech mi dělalo problém rozlišení obrazovky. V ČR je stále naprosto běžné rozlišení 800×600 a to je poněkud limitující.

Já se svými 1280×800 (širokoúhlá obrazovka) mám vždycky okolo fixního layoutu přizpůsobeného 800×600 spoustu místa (i tady v blogu). Takže mě poměrně zaujal článek Camerona Adamse na jeho blogu. Cameron vytvořil layout, který se přizpůsobuje (díky Javascriptu) rozlišení prohlížeče. Funguje skoro ve všem (až na IE5), ale pokud se toho někdo z dalších bloggerů chytne, tak tu máme plně kompatibilní přizpůsobivý layout..

Další zajímavá CSS technika se nachází na wellstyled.com a umožňuje kompletně nahradit tabulky při tvorbě layoutu. Jeho druhá část (příklad 2) je postavena na tvz. Liquid Bleach z dílny StopDesignu a pomocí jednoduchého triku řeší, kterak udělat flexibilní layout o dvou sloupcích stejné šířky.

UPDATE:

Je rozdíl mezi rozlišením obrazovky a velikostí okna prohlížeče. Cameronův layout se přizpůsobuje velikosti okna prohlížeče, ne rozlišení obrazovky.

Komentáře

1. rony
22. 09. 04, 09.49

http://spravodaj.madaj.net/archives/002285.html

Pozor pri definovani slov ako rozlisenie obrazovky a velkost viewportu prehliadaca ;-) je v tom isty rozdiel ;-)

2. rony
22. 09. 04, 09.52

pokial mas velke rozlisenie, nie je nutne mat prehliadac na celu obrazovku – o nic neprides ;-) skus si zvyknut mat prehliadac v okne – volne miesto vyuzijes na periferne sledovanie inych okien programov ;-)

22. 09. 04, 09.53

HUH, díky.. fakt je v tom rozdíl.. :-)