Вот HTML-код:
<div id="header">
</div>
<div id="container">
</div>
<div id="footer">
</div>
И вот чего я хочу достичь, даже если это не правильный CSS, но я думаю, вы поймете мою мысль:
html,body
{
min-width:800px;
max-width:1680px;
width:100%;
height:100%
}
#header
{
width:100%;
height:100px;
background:#CCCCCC url(images/header_bg.gif) repeat-x;
}
#footer
{
width:100%;
height:10px;
}
#container
{
width:100%;
height:100%-100px-10px; /* I want #container to take all the screen height left */
}
возможно ли использовать только CSS для достижения некоторого макета, подобного этому: все тело всегда будет соответствовать размеру экрана, однако области #header и #footer имеют фиксированную высоту, а затем основной div принимает всю оставшуюся высоту , Спасибо !!