Deutsch

адаптивный сайт

17.09.16 13:27
адаптивный сайт
 
Brandus знакомое лицо
Brandus

привет всем , решил свой старый сайт переделать по новой , и сделать его резиновым так сказать ,

карказ поставил, все сжимается , все работает ок ,

но у меня возникла идея сделать так чтобы левая колонка была статистическая и имела размер гдето 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;

 

Перейти на