Как продлить фон у блока до самого низа

L
На сайте с 18.02.2012
Offline
83
1143

Здравствуйте, как продлить фон блока до самого низа, ну и что бы блок был до самого низа сайта.


.staticindexxx{
width: 1060px;
margin-left: auto;
margin-right: auto;
background: #F8F7F9;
padding: 20px 20px 30px 20px;
height: 100%;
min-height: 100%;
}

Щас оно выглядит так

Playerror
На сайте с 28.09.2008
Offline
152
#1

Нужен целиком сайт, а то не понятно, какой блок нужно вытянуть.

К примеру задайте height:900px;

Или поиграйтесь со значением padding:20px 20px 300px 20px;

L
На сайте с 18.02.2012
Offline
83
#2
Playerror:
Нужен целиком сайт, а то не понятно, какой блок нужно вытянуть.

К примеру задайте height:900px;
Или поиграйтесь со значением padding:20px 20px 300px 20px;

если задать height:900px; то это глюк, там пустого пространтва будет много и скролить надо будет.

Annakoz
На сайте с 10.08.2010
Offline
34
#3

Задайте фон для боди.

L
На сайте с 18.02.2012
Offline
83
#4

Для боди то зачем, там для блока надо и что бы у блока фон уходил в низ !

infant
На сайте с 15.03.2008
Offline
170
#5

l17l, сначала укажите в тилях для боди

body { height: 100%;   }

потом для для нужного блока и родительских

.blockstyle { height: 100%;  }

в нужном для вас блоке укажите бекграунд

.blockstyle { background: url('путь до картинки/bg.png') repeat-y repeat-x scroll 0px 0px transparent;  }

А лучше покажите сайт , так вам дадут верный ответ на 100%

L
На сайте с 18.02.2012
Offline
83
#6
infant:
l17l, сначала укажите в тилях для боди
body { height: 100%;   }

потом для для нужного блока и родительских
.blockstyle { height: 100%;  }

в нужном для вас блоке укажите бекграунд
.blockstyle { background: url('путь до картинки/bg.png') repeat-y repeat-x scroll 0px 0px transparent;  }



А лучше покажите сайт , так вам дадут верный ответ на 100%

там не картинка, там просто цвет идет ! бграунда

http://sandy-vl.ru/sistema-bonusov.html

E8
На сайте с 03.09.2012
Offline
28
#7
l17l:
если задать height:900px; то это глюк, там пустого пространтва будет много и скролить надо будет.

так впишите не 900px а 400px потом играйтесь со значением пока не подгоните под размеры экрана чего непонятного то? а вообще такие дела лучше делать с помощью javascript чтобы размеры подстраивались под экран каждого пользователя, ведь мониторы то у всех разные

.staticindexxx{
width: 1060px;
height: 400px;
margin-left: auto;
margin-right: auto;
background: #F8F7F9;
padding: 20px 20px 30px 20px;
}
L
На сайте с 18.02.2012
Offline
83
#8
Earlo87:
так впишите не 900px а 400px потом играйтесь со значением пока не подгоните под размеры экрана чего непонятного то? а вообще такие дела лучше делать с помощью javascript чтобы размеры подстраивались под экран каждого пользователя, ведь мониторы то у всех разные
.staticindexxx{

width: 1060px;
height: 400px;
margin-left: auto;
margin-right: auto;
background: #F8F7F9;
padding: 20px 20px 30px 20px;
}

У всех размер экрана разный ! по этому хотелось бы что бы оно растягивалось !

---------- Добавлено 10.10.2014 в 11:03 ----------

Спасибо большое работает ) отлично. то что нужно было.

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