адаптивный сайт
привет всем , решил свой старый сайт переделать по новой , и сделать его резиновым так сказать ,
карказ поставил, все сжимается , все работает ок ,
но у меня возникла идея сделать так чтобы левая колонка была статистическая и имела размер гдето 12 EM
и там будет лого фирмы висеть , чтобы оно не сжималось ,а было всегда одним размером ,
вот я попытался сделать и не получается , при сжатии правая сторона лезет под левую , что я не так сделал ??
каркас такой
<body>
<div class="wrapper">
<div class="header1">Kopf1</div>
<div class="header2">Kopf2</div>
<div class="menue"> Menü</div>
<div class="nav"> SIDEBAR</div>
<div
class="content">Inhalt</div>
<div class="footer">Footer</div>
</div>
</body>
цсс
body {
background-color: #C4C6C0;
}
.wrapper {
max-width: 960px;
margin: 0px auto;
background-color: #F3F6F7;
margin-top: 20px;
padding: 10px;
}
.header1 {
width:12em;
height: 160px;
background-color: #01DF65;
margin-bottom: 10px;
float: left;
}
.header2 {
width: 79%;
height: 160px;
background-color: #01DF65;
margin-bottom: 10px;
float: right;
}
.menue {
width: 100%;
height: 45px;
background-color: #FAF02F;
margin-bottom: 10px;
float: left;
}
.content {
width: 79%;
height: 520px;
background-color: #46CDE7;
float: right;
margin-bottom: 10px;
}
.nav {
width: 20%;
height: 520px;
float: left;
background-color: #FACC2E;
margin-bottom: 10px;
}
.footer {
clear: both;
flex: 0 0 auto;
height: 50px;
background-color: #F4CAD1;