| |
|
|
| | Всем привет. Подскажите мне, пожалуйста, как поставить высоту блока <div> 100% ? | |
| |
|
|
| |
|
|
| |
для: Alexandor1984
(10.09.2006 в 19:24)
| | | Где-то так:
<div style="height:100%"> | |
| |
|
|
| |
|
|
| |
для: RMW
(10.09.2006 в 19:41)
| | | Так не работает :) | |
| |
|
|
| |
|
|
| |
для: Alexandor1984
(10.09.2006 в 19:45)
| | | height только в pixel - ях | |
| |
|
|
| |
|
|
| |
для: Alexandor1984
(10.09.2006 в 19:46)
| | | 100% от чего собственно? иной раз это имеет значение | |
| |
|
|
| |
|
|
| |
для: Padonak
(10.09.2006 в 22:33)
| | | Вобщем вот http://mayachok.jino-net.ru/ Там надо div "О нас" растянуть на 100%. | |
| |
|
|
| |
|
|
| |
для: Alexandor1984
(10.09.2006 в 23:28)
| | | Не спорю, просто интересно знать
откуда взялся постулат, что высота только
в пикселях. У меня в IE и опера проценты вроде бы работают.
<html>
<head>
</head>
<body style="background-color:silver">
<div style="height:50%; width:50%">
<div style="height:33%; background-color:white"></div>
<div style="height:34%; background-color:blue"></div>
<div style="height:33%; background-color:red"></div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: RMW
(11.09.2006 в 00:10)
| | | Стандарты не позволяют делать, так как Вы.
Попробуйте в свой код добавить строку
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| |
|
|
| |
|
|
| |
для: Alexandor1984
(11.09.2006 в 00:42)
| | | Ясно, спасибо.
Подозревая нечто подобное
пробовал вставлять доктайп (чтоб руками не набирать выдрал с какого-то сайта)
вот такой: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
Но он видать не в тему:) | |
| |
|
|
| |
|
|
| |
для: Alexandor1984
(11.09.2006 в 00:42)
| | | Ваши стандарты немного устарели.
Сейчас используются XHTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...
|
Но с ними, вышеприведенный код тоже не работает.
Для этого надо в стилях задать высоту body на 100%.
Вот таким образом:
<style type="text/css">
html,body {
height: 100%;
}
</style>
|
Теперь работает:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html,body {
height: 100%;
}
</style>
</head>
<body style="background-color:silver">
<div id="test" style="height:50%; width:50%">
<div style="height:33%; background-color:white"></div>
<div style="height:34%; background-color:blue"></div>
<div style="height:33%; background-color:red"></div>
</div>
</body>
</html>
|
| |
| |
|
|
|
