Проблема с версткой!

[Avro]

Проблема с версткой!

Доброго времени суток. Столкнулся с проблемой масштабирования бекграунда. Он имеет разрешение 1660Х1149пыхы. Изображение должно масштабироваться в зависимости от разрешения экрана со всем контентом. Задавал в body, html и #wrapper 100%. При уменьшении разрешения проблем нет, а при увеличении картинка плывет влево, оставляя справа белую полосу с блоками. Помогите, нужно срочно!
*
{
margin:0;
padding:0;
}

html,body
{
height:100%;
width:100%;
margin:0px;
padding: 0px;
font-size: 11px;
font-family: tahoma;
}

table
{
border:0px;
border-collapse:collapse;
}


#wrapper
{
text-align:center;
position: relative; top: 0px; left: 0px; z-index: 1; width: 100%;
background-position:top;
min-height:1149px;
height:100%;
margin:0 auto;
background-image:url(..//images/background1.png);
background-repeat:no-repeat;
background-color:#abe2ea;
}

 

[kosyak]

⚠ Тільки зареєстровані користувачі бачать весь контент та не бачать рекламу.

Одним cssом не отделаешься, а вообще это извращение мозга, серьезные дяди фон не расстягивают, попробуй конечно, но при определенном разрешении будет атас просто



если по уму, то можешь в фотожопе у бэка края слева и справа градиентом увести в один цвет, например черный, и бэкколор поставить тоже черный. Это как самый простой и банальный вариант.

 

[Del]

не увидев макета и вёрстки тяжело что-то советовать, но я попробую

1. чтоб бэкграунд был на всю высоту окна:
1.1. или задавайе его для html, а для body пропишите background: transparent;
1.2. или растягивайте содержимое страницы под размер окна, вот готовый пример с прибитым подвалом:

⚠ Тільки зареєстровані користувачі бачать весь контент та не бачать рекламу.

2. чтоб картинка не уплывала влево: background-position: center top;

3. если размер фоновой картинки меньше блока её содержащего, то фон можно растянуть используя свойство

⚠ Тільки зареєстровані користувачі бачать весь контент та не бачать рекламу.

.