если дизайн сайта шириной 1024px, то как сделать без горизонтальной прокрутки на 1024x768?

[Вадим]

Добрый день, друзья!

Меня давно мучает вопрос. Часто видел в Сети сайты, которые отлично смотрятся на экране 1024х768, а когда экран, допустим 1600x1200, то края сайта тупо не обрезаны, а за ними идет какая-то картинка или продолжение изображения в шапке сайта. При этом сайт не резиновой верстки и текст, как и блоки, остаются на своем месте.

Вот на днях нарисовал дизайн сайта шириной 1024px, теперь хочу его верстать. Возник вопрос. Как сделать на экране 1024x768 без горизонтальной прокрутки. А если экран чуть по больше, то края чуть расширяются.

Конечно, всегда можно тупо обрезать дизайн до 999px/970px и париться не надо, но мне интересно.

Спасибо!

p.s. Допустим. Я делаю wrapper {width:1024px; margin:0 auto; text-align:center;}

а дальше как?

Вот пример этого дизайна. Как будет смотреться на большом экране? А на маленьком?

Edited July 21, 2009 by Вадим

[Searcher]

вообще лучше использовать Адаптивную разметку

[Great Rash]

1024 пикселя неправильно делать. Т.к. ширина окна на мониторе 1024х768 (17") будет 1004px. Остальное займет скролл.

Ваш макет растягивать вообще не проблема, но я так и не понял надо вам это или нет. Вроде сначала вы пишете, что нужно резину, а потом пишете, что размер будет 1024 по ширине... не понятно!

[Zippovich]

<div class="max">
<div class="wrapper">
...
</div>
</div>

.max {background: ...}
.wrapper {width: 994px; margin: 0 auto; background: ...}

делаете так:

в данном случае блок .max всегда растянут на 100% ширины, а внутренний блок .wrapper по центру горизонтали, делаете повторяющийся бэкграунд в блоке .max и он будет тянуться до опупения, в данном случае горизонтальный скролл появится только если ширина окна броузера будет меньше 994px + прокрутка.

[Justnewone]

Сделать LOST пошире, справа и слева будет из бекграунда появляца.

[Вадим]

Друзья! Всем спасибо! Много полезной инфы!