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

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


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

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://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

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

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

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

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

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

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% надо написать

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).