CSS: бэкграунд растягивается по ширине страницы

[Ellar]

Здравствуйте, уважаемые знатоки! Столкнулся со следующей проблемой. На сайте нужно использовать большой бэкграунд (1600 на 3000). Он должен зависеть от ширины страницы, т.е. растягиваться или сжиматься при изменении размера окна браузера.

Средствами CSS это сделать не удается. Если задать width:100%, изображение показывается в реальном размере настолько, насколько оно вписывается в окно.

Найденный в интернете способ также не помогает. Предлагается создать перед главным блоком div, в котором все содержимое страницы, еще один блок, в котором в html расположена картинка с шириной 100%, а в css у обеих блоков задано абсолютное позиционирование и z-индексы, позволяющие содержимому главного блока находиться поверх бэкграунда. В итоге, получается, что картинка по ширине зависит от размера окна, но теперь высота у нее всегда одна и та же, не зависимо от контента страницы. Это существенный недостаток, так как на страницах с малым количеством текста внизу появляется много лишнего места.

Существуют ли другие способы? Обычные принципы оформления бэкграунда в css (центровка, к примеру) не годятся, нужно только так. Надеюсь на вашу помощь.

[Geg[C/c++]]

Здравствуйте!
Если правильно понял вопрос...
Можно задать фон например градиентный даже без CSS - делаете изображение шириной в 1-н пиксель красите его градиентом (там на свой вкус и цвет), ставите его фоном, такая вещь как 'repeat-x' и не понадобятся, он сам повторит изображение на всю ширину окна.
Если вы хотите картинку воткнуть как фон, растягивая его на все окно - плохая идея, изображение потеряет в качестве. Можно как-то тогда с векторной графикой попробовать, но могу еще один вариант посоветовать -

body {
background: white url('images/giraffe.gif');
background-repeat: no-repeat;
background-position: right bottom;
background-attachment: fixed;
}

- Прикрепить изображение.