3 задание. http://en.wikiversity.org/wiki/Web_Design/CSS_challenges
Я сделал overflow: auto; что бы контейнер завернул два float. Мне кажется костыль. Есть идеи получше? Вариант 1:
body {
background: #CBD6FB;
}
#wrap {
border: 2px solid;
width: 800px;
margin-left: auto;
margin-right: auto;
padding: 0;
float: none;
overflow: auto;
background: #DED8B9;
}
#nav{
width: 200px;
margin: 0;
float: left;
height: 100%;
}
#content {
background: #EDE9DB;
width: 600px;
margin: 0;
float: right;
Вариант 2:
body {
background: #CBD6FB;
width: 800px;
margin: 0 auto;
}
#wrap {
border: 2px solid;
padding: 0;
float: left;
background: #DED8B9;
width: 100%;
}
#nav{
width: 200px;
margin: 0;
float: left;
height: 100%;
}
#content {
background: #EDE9DB;
width: 600px;
margin: 0;
float: right;
}
