фф и высота стиля

клот · 29.07.2007, 15:33

Подскажите, почему в мозиле высота слоя content ограничивается объемом контента? В остальных браузерах она равна 100% либо, если он больше страницы, равен контенту. В фф же, если контент занимает часть страницы, он не равен 100%.
html, body
{
background-color:white;
height:100%;
margin:0px 0px;
padding: 0px 0px;
}

#conteiner
{
position:relative;
bottom:0px;
top:0px;
background-color:green;
min-height:100%;
border:solid 1px #C8CACA;
border-top:none;
border-bottom:none;
width:700px;
margin:0px auto ;
}

#content
{
position:relative;
min-height:100%;
width:500px;
border-left:solid 1px #C8CACA;
margin-left:200px;
}

#footer
{
position:absolute;
padding:0px;
margin:0px;
bottom:0px;
width:100%;
height:90px;
border-top:solid 1px #C8CACA;
}

* html #conteiner, #content
{
height:100%;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">

<head>
<title>рррр</title>
<link href="style.css" type="text/css" rel="stylesheet" />
<meta content="text/html; charset=windows-1251" http-equiv="Content-Type" />
</head>
<body>
<div id="conteiner">
<div id="content">

</div>
<div id="footer">d</div>
</div>
</body>
</html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Высота буквы	pav.sergeev	Растровая графика	1	09.10.2014 21:35
высота	kre	HTML, CSS, JavaScript	9	29.01.2010 19:50
высота div в opere и IE	jangot	HTML, CSS, JavaScript	5	23.11.2007 17:59
Высота	seka	ASP, Perl, PHP и MySQL	2	28.02.2005 17:43
Ширина и высота блока в Nc	graphh	HTML, CSS, JavaScript	6	08.04.2004 13:30

29.07.2007, 15:33	#1
клот	Подскажите, почему в мозиле высота слоя content ограничивается объемом контента? В остальных браузерах она равна 100% либо, если он больше страницы, равен контенту. В фф же, если контент занимает часть страницы, он не равен 100%. html, body { background-color:white; height:100%; margin:0px 0px; padding: 0px 0px; } #conteiner { position:relative; bottom:0px; top:0px; background-color:green; min-height:100%; border:solid 1px #C8CACA; border-top:none; border-bottom:none; width:700px; margin:0px auto ; } #content { position:relative; min-height:100%; width:500px; border-left:solid 1px #C8CACA; margin-left:200px; } #footer { position:absolute; padding:0px; margin:0px; bottom:0px; width:100%; height:90px; border-top:solid 1px #C8CACA; } * html #conteiner, #content { height:100%; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>рррр</title> <link href="style.css" type="text/css" rel="stylesheet" /> <meta content="text/html; charset=windows-1251" http-equiv="Content-Type" /> </head> <body> <div id="conteiner"> <div id="content"> </div> <div id="footer">d</div> </div> </body> </html>