тема избитая, но все же, есть такой код
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body>
<div class="mainContainer">
<div class="topMenu"></div>
<div class="container">
<div class="leftMenu floatLeft">
</div>
<div class="information floatLeft">
</div>
</div>
</div>
</body>
</html>
html,body{
margin: 0;
padding: 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
html{
min-height: 100%;
height: 1px;
}
body{
height: 100%;
}
.mainContainer{
min-height: 100%;
height: 1px;
width: 100%;
}
.topMenu{
height: 50px;
width: 100%;
}
.container{
min-height: 100%;
height: 1px;
width: 100%;
}
.leftMenu{
height: 100%;
width: 19%;
padding: 1.5em 1em 1.5em 1em;
margin-right: -2em;
overflow-x: hidden;
}
.information{
position: relative;
height: 100%;
width: 81%;
background-color: #F9F9F9;
border: 1px solid #bbbbbb;
border-right-width: 0;
margin-left: -1px;
}
.floatLeft{
float: left;
}
до добавления doctype, растягивание работало отлично, но поняв что без него я не обойдусь пришлось его добавить и тут начались проблемы с растягиванием, сначала не мог растянуть блоки по высоте окна, помог пост из хабра и стили стали такими
html{
min-height: 100%;
height: 1px;
}
body{
height: 100%;
}
думаю принцип понятен.
но теперь появилась новая проблема и блоки перестали растягиваться в зависимости от содержимого,
у меня уже мозг плывет, не могу понять как это сделать, помогите пожалуйста.
Простой
Простой