"Абсолютные" блоки за вне сайта.

[HobbyStudio]

Здравствуйте. Возникла такая проблема: Я патаюсь сделать слева и справа от сайта фоновые узоры. Т.е. есть один основной блок, в котором содержится весь сайт. Его position равна relativ. В нем есть 2 блока с узорами. Их position absolute. Им выставляется например left: -300px и right: -300px. Все работает как и задумано. Но вдруг я обнаружил что на мониторах с маленьким разрешением появляется горизонтальный скролл. Я же хочу чтобы эти узоры были видны только на больших мониторах. А на маленьких просто обрезались. Конечно есть возможность отключить горизонтальный скролл. Но в этом случае, если ктото войдет на сайт с мобильного устройства, и маленьким разрешением монитора, как я понимаю он не сможет посмотреть ту часть сайта которая отрезалась. (Горизонтального скролла то нет)

Подскажите пожалуйста как разобраться с этой проблемой, если ктото сталкивался.

Заранее спасибо.

Edited December 10, 2011 by HobbyStudio

[psywalker]

А что, если эти узоры, повесить фоном и выровнять по середине?

[HobbyStudio]

Да, можно и так. Они сейчас в спрайте, с остальным дизайном. Поэтому если есть способ их оттуда не достовать, было бы лучше. Еще накопал такой вараинт. Весь сайт помещается в центральную ячейку таблици. А узоры в боковых td фоном. Как ни странно, так скролл не появляется. Но какойто этот вариант кривой.

Спасибо за дельный ответ.

Edited December 10, 2011 by HobbyStudio

[psywalker]

Да, можно и так. Они сейчас в спрайте, с остальным дизайном. Поэтому если есть способ их оттуда не достовать, было бы лучше. Еще накопал такой вараинт. Весь сайт помещается в центральную ячейку таблици. А узоры в боковых td фоном. Как ни странно, так скролл не появляется. Но какойто этот вариант кривой.

Спасибо за дельный ответ.

Если всё же от фона откажется, то:

Лучше тебе просто див абсолютный растянуть на 100% в ширину на весь экран, ему поставить overflow: hidden; ещё и в нём уже эти изображения воткнуть. Если экран будет узкий, они будут обрезаться, и всё.