Фон с Css

[Shahmatist]

Всем привет!
Как фон сайта хочу сделать одну картинку. Но не выходит сделать следующие настройки, а именно так чтобы картинка находилась посередине, отступая от левого, правого и верхнего края на 5 px и самое главное чтобы картинка меняла свой масштаб относительно размера окна браузера. Спасибо.

[wall66]

фоновое изображение не может динамически менять свои размеры

[Shahmatist]

Wall66, а если картинку не делать как фоновое изображение? Т.е. не вносить его в body, а прикрепить в другом стиле, например div#content?

[wall66]

Сообщение от Shahmatist

прикрепить в другом стиле, например div#content?

смотря каким образом вы его собрались "прикреплять"

поместить изображение на страницу через стили, на сколько я знаю, можно только в качестве фона

[Shahmatist]

Вас понял. Тогда сделаю посередине изображение с минимальными размерами, чтобы подходил под все браузеры, а вне изображения залью цветом, который бы композировался с изображением. Спасибо Wall66

[iNoak]

Единственный вариант, это просто изменить размеры изображения в графических редакторах на нужный размер.

[Shahmatist]

Inoak, я протсо напишу Width: 400 px; height: 400 px и сделаю фон.

[InCun]

А как на счет того что бы <img/> разместить через z-index на слой ниже основы сайта, и задать ему bottom и height=100%

Я лично не экспериментировал, но теоретически должно прокатить

[SkyM@n]

Сообщение от InCun

А как на счет того что бы <img/> разместить через z-index на слой ниже основы сайта, и задать ему bottom и height=100%

Я лично не экспериментировал, но теоретически должно прокатить

Ага, например так:

<p class="title"><img class="background" src="" alt="" />Текст</p>

.title  { 
text-align:center; 
color:purple; 
font-size:52pt; 
background-color:transparent; 
z-index:6; 
position:relative;
}

img.background  { 
width:100%; 
height:100%; 
display:block; 
position:absolute; 
z-index:5; 
}

upd.: Можно еще посмотреть сюда:

[kaviga]

.title  { 
text-align:center; 
color:purple; 
font-size:52pt; 
background-color:transparent; 
z-index:6; 
position:relative;
}

img.background  { 
width:100%; 
height:100%; 
display:block; 
position:absolute; 
z-index:5; 
}

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