[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: не работает height 100%
Aleks-prog
Здравствуйте,
Проблема в том, что при добавлении текста не снижается нижняя граница общего блока, хоть и стоит height: 100%

Мой код:

Общий блок сайта:

.content {
margin: 5px auto;
background-color: #FFFFFF;
/*background-color: black<img src="../images/content_fon.jpg" width="853" height="1277" />;*/
width: 1000px;
min-height: 800px;
height: 100%;
position: relative;
z-index: 2;
}


Блок текста:

.text {
float: right;
width: 450px;
min-height: 530px;
height:100%;
position: relative;
padding: -300px 55px 0 500px;
}


ЕСТЬ еще СУПЕР общий блок, в котором хранятся предыдущие 2 блока:

.site {
margin: 5px auto;
width: 1000px;

height: 100%;
}




Спустя 55 минут, 59 секунд (27.10.2011 - 12:18) Bezdna написал(а):

html,body {
height: 100%;
}

Спустя 34 минуты, 10 секунд (27.10.2011 - 12:52) redreem написал(а):
замените на height:auto;

Спустя 40 минут, 57 секунд (27.10.2011 - 13:33) Winston написал(а):
Еще и от DOCTYPE'a может зависеть, как поведет себя height:100%

Спустя 21 час, 46 минут, 6 секунд (28.10.2011 - 11:19) Aleks-prog написал(а):
С предыдущих решений, ничего не подействовало,
Doctype у меня вот такой

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Спустя 8 часов, 51 минута, 16 секунд (28.10.2011 - 20:10) ceil100 написал(а):
отрицательных паддингов не бывает

выложите ссылку на сайт или полный код страницы с CSS

Спустя 2 минуты, 59 секунд (28.10.2011 - 20:13) ceil100 написал(а):
в .content
 min-height: 800px;

уберите и добавьте вместо него:

overflow:hidden;

Спустя 1 день, 1 час, 18 минут, 19 секунд (29.10.2011 - 21:32) Aleks-prog написал(а):
ceil100

что-то при добавлении overflow спускается вниз не только нижняя часть(с этим все нормально), но и верхняя стала спускаться)

Спустя 13 часов, 59 минут, 42 секунды (30.10.2011 - 11:31) ceil100 написал(а):
без общей картины трудно что-то сказать
это было решение для частного случая
если кроме этих блоков есть и другие, то может и некорректно, что-нибудь сработать

лучше выкладывать код всей страницы со стилями, а еще лучше ссылку на страничку
и кстати, в зависимости от DOCTYPE здесь высота по разному будет обыгрываться
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.