|
|
|
| у меня на странице три блока, нижний блок всегда висит снизу, необходимо сделать, чтобы центральный блок имел высоту от верхнего до нижнего
<html>
<head>
<style type="text/css">
/*<![CDATA[*/
body, div{
padding:0;
margin:0;
}
body{
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
}
#header,#middle,#footer{
width:100%
}
#header{
background-color: #FF0000
}
#middle{
background-color: #FF6600;
}
#footer{
position:absolute;
bottom:0px;
background-color: #FFFF00;
}
/*]]>*/
</style>
</head>
<body>
<div id='header'>Шапка</div>
<div id='middle'>Середина</div>
<div id='footer'>Подвал</div>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: Shiz
(19.08.2007 в 17:37)
| | задайте вместо
#middle{
background-color: #FF6600;
}
|
это
body,html{
height: 100%;
background-color: #FF6600;
|
а вообще, не исчите себе проблем и откажитесь от футера, который всегда снизу. | |
|
|
|