Форум Сайтостроение Веб-строительство

Прижать фоновую картинку вниз

PK
На сайте с 01.03.2010
Offline
93
Pahom-ka
906

Как-то опять долго не верстал, вот пришлось, и вот написал такой код: 

<html>

<head><title>Title</title></head>

<body>

<div id="main"> </div>

</body>

</html

а css к нему вот: 

* {

margin:0;

padding:0;

outline:none;

}

body {

background: #0e3176;

}

.main {

max-width: 1280px;

min-width: 1024px;

background: #0e3176 url("img/back.jpg") bottom no-repeat;

margin: 0 auto;

height: 100%;

}

Как сделать так, чтобы картинка на фоне прижалась вниз постоянно? вроде задал всё правильно, а не прижимается, что не так - не пойму никак :(

Спасибо за внимание!

Шлю смс-ки отсюда ( http://www.smspilot.ru/?r=3591 )
Руслан Исмаилов
На сайте с 30.03.2007
Offline
198
Руслан Исмаилов
#1
* { margin:0; padding:0; border:0; }
html, body {
width:100%;
height:100%;
padding:0;
margin:0;
}

.main {
width:996px;
min-height:100%;
_height:100%;
position:relative;
}

Вот такой CSS попробуй.

PK
На сайте с 01.03.2010
Offline
93
Pahom-ka
#2

Неа, всё равно не сходится всё, если и работает, то только в опере, лис например перестаёт видеть картинку.

В общем не работает

firefox19
На сайте с 05.11.2009
Offline
34
firefox19
#3

min-height для body попробуйте задать

Аааа!!! Блин! Если уж используете ID='main', то и пишите в CSS #main

Ваши идеи - наша работа (http://yaweb.ru) Продам Сайт агентства недвижимости (/ru/forum/561489)
[Удален]
#4

не ну эт не обязательно но желательно)

PK
На сайте с 01.03.2010
Offline
93
Pahom-ka
#5

Да в макете что свёрстан уже там класс а не ид указан. Тут от руки писал, после тяпницы-то)

Но даже указание min-height не помогает лису понять, что картинку надо вниз прижать :(

Pahom-ka добавил 25.10.2010 в 20:00

Минуснувшему: хотя и два дня назад, а у меня день рождения был, имею право все выходные считать пятницей!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий