Много макетов, которые я верстал, при меньших разрешениях экрана, чем 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 дивов, и потом их закрыть.

<!-- дивы для min-width-верх -->
<div class="width">
<div class="minwidth">
<div class="layout">
<div class="container">
<div class="content">
<!-- конец: дивы для min-width-верх -->
...
<!-- дивы для min-width-низ -->
</div>
</div>
</div>
</div>
</div>
<!-- конец: дивы для min-width-низ -->

Опасности: обязательно смотрите, чтобы название классов не совпали с теми, которые Вы уже написали, а то система работать не будет.

Удобства: для работы с шириной высотой, я советую пользоваться плагином для Firefox - Window Resizer.

Window Resizer

Window Resizer

Скачать window_resizer-10-fx