Вот код и хочу спросить у опытных, такой стиль верстки будет приемлемым? Я вообще не использовал clearfix, layaut и т.д. Т. к . не очень понял как ими пользоваться. Испытание пройдено на 100%
HTML:
!DOCTYPE html>
html lang=“ru”>
head>
title>Испытание: строим сетку/title>
meta charset=“utf-8”>
/head>
body>
div class=“up-menu”>
div class=“header”>Header/div>
div class=“menu”>Menu</div
div class=“promo1”>Promo 1</div
div class=“promo2”>Promo 2</div
/div>
div class=“content”>
div class=“left”>Left</div
div class=“main”>Main</div
div class=“right”>Right</div
/div>
div class="footer"
Footer
/div>
/body>
/html>
CSS:
html,
body {
margin: 0;
padding: 0;
}
body {
width: 450px;
height: 335px;
font-family: “Arial”, sans-serif;
font-size: 10px;
color: white;
}
/*
Используемые цвета:
#34495e – мокрый асфальт
#c0392b – красный
#3498DB – синий
*/
.up-menu{
padding-top: 10px;
background: #34495e;
height: 160px
}
.header{
padding: 5px;
height: 25px;
margin: 0px 50px 10px 50px;
background: #c0392b;
}
.menu{
height: 30px;
padding: 5px 0px 0px 55px;
background: #3498DB;
}
.promo1{
padding: 5px 0px 0px 5px;
background: #c0392b;
float: left;
margin: 10px 10px 5px 50px;
height: 55px;
width: 165px;
}
.promo2{
background: #c0392b;
float: left;
margin: 10px 0px 10px 0px;
height: 55px;
width: 165px;
padding: 5px 0px 0px 5px;
}
.content{
height: 130px;
}
.left{
background: #3498DB;
float: left;
margin: 10px 10px 10px 50px;
width: 65px;
height: 105px;
padding: 5px 0px 0px 5px;
}
.main{
background: #3498DB;
float: left;
margin: 10px 10px 10px 0px;
width: 185px;
height: 105px;
padding: 5px 0px 0px 5px;
}
.right{
background: #3498DB;
float: left;
margin: 10px 10px 10px 0px;
width: 65px;
height: 105px;
padding: 5px 0px 0px 5px;
}
.footer{
padding: 5px 0px 0px 55px;
background: #34495e;
height: 30px;
}