Статичная подложка для сайта, Как сделать постоянный размер заднего фона

Доброго времени суток друзья.

Появилась проблема с версткой одного макета, прошу помочь знающих людей.


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

body{
	background-image: URL('../img/tpl/bg.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:center;
	margin:0px;
	padding:0px;
}

Мне надо чтобы было как тут, чтобы фон оставался на месте.

Kuliev
background-position:center;

- значит, что он и по вертикали и по горизонтали принимает центральную позицию. Надо сверху по центру:
background-position: top center;

Поправил, теперь стоит по центру прижатый к верху, НО т.к. контент больше самого фона, то контент выходит за его границы, при этом сам фон как был на первом скрине так и остался. (точнее уменьшается вместе со всем контентом).
Мне бы хотелось реализовать как на втором скрине, чтобы фон был статичный по отношению к экрану (монитору).

Надеюсь ясно объяснил )

Ты имеешь ввиду растянуть вручную фон на всю ширину экрана? То это:
http://htmlbook.ru/faq/kak-rastyanut-fon-n...yu-shirinu-okna

Но очень сильно ухудшится качество. Через media ты можешь указать для разных разрешений экрана разные картинки, таким образом для больших у тебя будет загружаться огромная тяжелая картинка, а для маленьких - маленькая компактная, которая быстро грузиться будет.

Да типа того и нужно, но вот не задача, сделал как в примере, но теперь картинка в низ почему-то не растянулась. Это притом что я не уменьшаю вид в браузере, а ставлю его оригинальным.
Размер подложки 1920*1080, разрешение моего монитора 1280*1024

Kuliev
Делай 100% по высоте, тогда. Для body или html. Если это не поможет, то height:auto, height:100%, точный код не помню, но тот, который прижимает подвал к низу сайта. Там body обретает 100% высоты.

inpost

Все спасибо, разобрался

background-size:100% 100%;

Нужно было...

body{
	background-image: URL('../img/tpl/bg.jpg');
	background-attachment: fixed;
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100% 100%; /* Safari 3.1+ 衃hrome 4.0+ */
    -o-background-size: 100% 100%; /* Opera 9.6+ */
    background-size: 100% 100%;
	margin:0px;
	padding:0px;
}

Теперь все работает )))

Kuliev
мне кажется, что остальные тоже 100% 100% надо написать

Типа того, просто поторопился выложить, сейчас подправлю!