automatix
30.11.2006, 01:31
Всем привет!
Вот какой вопрос. Есть два дива, скажем, container и content. container занимает все пространство BODY. Как сделать так, чтобы сидящий в container'е content занимал все пространство container'а?
В ИЕ Все просто -- форматируешь content точно так же, как container и радуешься жизни. А вот Лиса, почему-то (кстати, почему?), посылает... То есть у меня не получается дать content'у стопроцентную высоту.
Вот код:
CSS
* {
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
<!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. Добавляю аттач (так примерно это все должно выглядеть).
Вот какой вопрос. Есть два дива, скажем, container и content. container занимает все пространство BODY. Как сделать так, чтобы сидящий в container'е content занимал все пространство container'а?
В ИЕ Все просто -- форматируешь content точно так же, как container и радуешься жизни. А вот Лиса, почему-то (кстати, почему?), посылает... То есть у меня не получается дать content'у стопроцентную высоту.
Вот код:
CSS
* {
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
<!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. Добавляю аттач (так примерно это все должно выглядеть).