Много макетов, которые я верстал, при меньших разрешениях экрана, чем 1024*768 теряли свои свойства, начинали непонятно тянуться, чего даже сам дизайнер может и не предусмотрел.

Из выходов, нам необходимо зажимать наш контент на 1000 пикселей - это видимая часть экрана браузера, при ней не появляется горизонтальная прокрутка.

Код для CSS:

.width {width:100%;min-width:1000px;}
.content {border:0;padding:0px;}
* html .minwidth {padding-left:1000px;}
* html .container {margin-left:-1000px;position:relative;}

/*\*/
* html .minwidth, * html .container, * html .content, * html .layout {height:1px;}
/**/

А между всем контентом, который у Вас есть Вам необходимо вставить просто 5 дивов, и потом их закрыть.
Читать далее »