Вот ситуация, у меня есть этот html:
<div id='main'>
<div id='menu'>
Menu Items Here
</div>
<div id='cont'>
Content Here
<div id='footer'>Some Footer</div>
</div>
</div>
CSS здесь:
html, body {
height: 100%;
width : 100%;
margin: 0;
padding: 0;
}
#main{
overflow : auto;
background-color: yellow;
width : 100%;
min-height : 100%;
}
#menu {
background-color: red;
float : left;
width : 300px;
}
#cont {
margin-left : 300px;
float : right;
background-color: orange;
width : 100px;
min-height : 100%;
height: auto !important; /*min-height hack*/
height: 100%; /*min-height hack*/
}
В основном я хочу: #cont div должен иметь минимальную высоту 100% (если у меня есть небольшой контент), но будет расширяться, если у вас есть более длинный контент.
Любая помощь будет оценена.
Примечание. Размер ширины временно только временно.
Спасибо!