Форум PHP программистов > Растянуть высоту div

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Rigel

12.05.2009 - 22:31

Есть у меня на странице 3 блока div:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="shapka"> </div>
<div class="content"> </div>
<div class="chat"> </div>
</body>
</html>

Нужно растянуть каждый блок по 1/3 высоты страницы, чтобы получилось поровну разделена страница на 3 части

вот css

HTML

.shapka {
    margin:0;
    padding:0;
    border-bottom:1px solid #333333;
    border-left:0px;
    border-right:0px;
    border-top:0x;
    height:33%;
}

.content {
    margin:0;
    padding:0;
    border-bottom:1px solid #333333;
    border-left:0px;
    border-right:0px;
    border-top:0x;
    height:33%;
}

.chat {
    margin:0;
    padding:0;
    border-bottom:1px solid #333333;
    border-left:0px;
    border-right:0px;
    border-top:0x;
    height:33%;

}

Но, почему-то ни в IE ни в FF ничего не растягивается

Спустя 27 минут, 29 секунд (12.05.2009 - 21:58) Grazor написал(а):

ну, во-первых border-top:0px;
а вообще 33% это от всего body. если смотреть через ДОМ инспектор видно, вто весь бади и есть те три полоски. то есть, например, если поставить
body {height : 300 px}
то полоски растянутся равномерно для нашего бади. осталось придумать, как растянуть бади по экрану(

жутко звучит)

Спустя 4 минуты, 23 секунды (12.05.2009 - 22:02) Grazor написал(а):

добавляем в цсс

HTML

html, body {
height : 100%;
padding : 0 px;
margin : 0 px;
}

Спустя 2 минуты, 29 секунд (12.05.2009 - 22:05) Rigel написал(а):

Grazor

спасибо, работает

Быстрый ответ:

Здесь расположена полная версия этой страницы.