různá rozlišení=různá zobrazení :-(

Holduješ-li JavaScriptu,
pomocí vlastností width, height objektu screen (tzn. sreen.width, resp. screen.height) zjistíš rozlišení obrazovky. Podle vrácených hodnot pak nastav požadované rozměry.

Pro názornost uvedu příklad.
<script type="text/javascript">
<!--
var x = window.screen.width; // do x vloz sirku obr.
var y = window.screen.height; // do y vloz vysku obr.

// zde vlozim <div>, ktery bude prizpusoben rozliseni obrazovky a podbarvim ho cernou barvou
document.write("<div style=\'background: black; width="+x+"; height="+y+"; style=\'border:1px solid;\'>");
document.write("</div>");

//-->
</script>

Použiješ-li místo width a height availWidth resp. availHeight, bere se v úvahu pouze užitečná plocha, tzn. bez lišt, posuvníků apod.

V praxi je lepší než využití javascriptu myslet jedním ze dvou způsobů:

1. buďto udělám stránky pevné šířky
2. nebo udělám stránky s šířkou počítanou na procenta

procentuální stránky jsou lepší pro malé monitory, fixní šířka je dobrá pro větší monitory (aby to zase nebylo moc roztažené)

Fixní šířka se dělá tak, že všechno uzavřeš do divu šířky asi 770px.

Procentuální šířka se dělá různě.

Můj ryze amatérský (a tudíž možná nesprávný) názor je ten, že nejlepší je použít procenta. Je třeba si uvědomit, že totiž nejde jen o rozlišení, ale taky o velikost otevřeného okna browseru a taky o to, že uživatel může mít vlevo otevřenou třeba historii nebo oblíbené.

ano, to je docela správný názor. Pokud děláš nekomerční web bez reklamy, tak je to to nejlepší. Jak tam máš ale reklamu nebo složitější grafické prvky, je jednodušší cesta přes pevný design.