Расположение фона страницы

[stylelad]

<style type="text/css">

body {

background: url(bg-header.jpg);

background-repeat : no-repeat; background-size: cover; background-position-y: center;

Помогите расположить фон страницы. background-size: cover - рисунок фоновый занимает размер нужный по ширине. Ввожу параметр center чтобы во вертикали фон центрировался по центру но оно не помогает. Пожалуйста подскажите как сделать чтобы фон растягивался по ширине на всю страницу но при этом центрировался по вертикали?

[Vlad]

background: url(bg-header.jpg) no-repeat 50% 0;

background-size: cover;

[stylelad]

background: url(bg-header.jpg) no-repeat 50% 0;

background-size: cover;

спасибо но при вставке данного кода все равно центрируется по верху

http://astro-top.ru/index3.html вот пример Ваш

он абсолютно от исходного не отличается по отображению http://astro-top.ru/index.html

а background-size: cover - по вертикали чтобы на 100% рисунок растягивался вместо горизонтали можно как то сделать?

Edited July 9, 2011 by stylelad

[Vlad]

Вам надо немного иначе сделать

html, body {height: 100%;}
body {margin:0;
background: url(bg-header.jpg) no-repeat 50% 50%;
background-size: cover;

Поэкспериментируйте с другими значениями background-size или положением фона, чтобы получить желаемый результат.

[stylelad]

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

http://demo.graphpaperpress.com/immense/ - там на флеше смена картинок в фоне. а как проще реализовать подобное без флеша просто у каждой страницы сайта своя фоновая картинка которая растягивается одинаково на весь экран во всех браузерах?

[psywalker]

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

http://demo.graphpaperpress.com/immense/ - там на флеше смена картинок в фоне. а как проще реализовать подобное без флеша просто у каждой страницы сайта своя фоновая картинка которая растягивается одинаково на весь экран во всех браузерах?

Проще и кросс, только на ЖС

[stylelad]

кросс

- извините что Вы под этим имели в виду? Edited July 9, 2011 by stylelad

[psywalker]

кросс

- извините что Вы под этим имели в виду?

Имел ввиду, что будет одинаково работать во всех браузерах.