height=100% для вложенного элемента

automatix · 30.11.2006, 01:31

Всем привет!

Вот какой вопрос. Есть два дива, скажем, container и content. container занимает все пространство BODY. Как сделать так, чтобы сидящий в container'е content занимал все пространство container'а?

В ИЕ Все просто -- форматируешь content точно так же, как container и радуешься жизни. А вот Лиса, почему-то (кстати, почему?), посылает... То есть у меня не получается дать content'у стопроцентную высоту.

Вот код:

CSS

Код HTML:

* {
	padding : 0;
	margin : 0;
	border : 0;
}
html, body {
	height : 100%;
	font : 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align : center;
	background : #ffffff;
	color : #000000;
}
#container {
	display : block;
	min-height : 100%;
	height : auto !important;
	height : 100%;
	background : #ffffff;
	color : #ffffff;
	border : 9px double #999999;
}
#conetnt {
	display : block;
	min-height : 100%;
	height : auto !important;
	height : 100%;
	background : #ff9900;
	color : #ffffff;
}

HTML

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    	<title>Test Site</title>
		<link rel="stylesheet" href="test_03.css" />
	</head>
	<body>
		
		<div id="container">
		<div id="content">
			
		</div>
		</div>
		
	</body>
</html>

Спасибо.

P.S. Добавляю аттач (так примерно это все должно выглядеть).