[Iaroslav]

Часто, когда делаешь сайты или модернизируешь какие-либо сайтовые скрипты надо помнить какая именно максимальная ширина должна быть у содержимого сайтов (дабы не разъезжалось на маленьких разрешениях). Что бы каждый раз не лазать в гугл унд яндекс и создал данную тему.
Итак, рекомендумая ширина составляет 1000 пикселей (разрешение для наиболее часто встречаемого разрешения в 1024*768 пикселей).
А в более полном варианте табличка выглядит вот так (размеры 640*480 и 320*240 опущены так как их почти не осталось и компьютеров, да и с такими разрешения уже и софт не делают... ):

Разрешение экрана	Размер окна браузера
800*600	779*431
1024*768	1003*599
1280*800	1259*631
1280*800	1259*631
1280*1024	1259*855
1400*1050	1379*881
1440*900	1419*731
1600*1200	1579*1031
1680*1050	1659*881

Также стоит избегать использования значения width в 100% для каких-то родительских элементов страницы. Так как width задаёт именно ширину содержимого элемента, не считая при этом поля (то есть padding) и отступы (то есть margin). Впрочем, есть способ избежать подобного казуса прописав в стилях

Код: [Выделить]

box-sizing: border-box.Ну а с height в 100% ещё более грустно. Так как без доп хитрсотей он во всё окно браузера всё равно не будет, в связи с тем, что существуют родительские элементы html и body у которых по умолчанию height выставляется по высоте содержимого. Соответственно для странички высотой во всё окно надо дописывать в стили

Код: [Выделить]

html, body {    height: 100%; }