27/32 критика по коду


#1

Здравствуйте, хотел бы услышать критику, не безобразно ли сделано?
P.S. Знаю, что не 100%, но размеры подгонять лень)

    <div class="header">
        <div class="positioner">
    <div class="column logo">
        Header
    </div>
    </div>
    </div>
    <div class="menu">
        <div class="positioner">
        <div class="column _menu">
        Menu
        </div>
        </div>
    </div>
    <div class="promo">
        <div class="positioner">
    <div class="column promo1">
        Promo 1
    </div>
    <div class="column promo2">
        Promo 2
    </div>
    </div>
    </div>
    
    <div class="content">
    <div class="positioner">
    <div class="column left">
        Left
    </div>
   <div class="column main">
       Main
   </div>
    <div class="column right">
        Right
    </div>
    </div>
    </div>
    <div class="footer">
         <div class="positioner">
             <div class="column _footer">
        Footer
        </div>
        </div>
    </div>

Css код

html,

body {
margin: 0;
padding: 0;
}

body {
width: 450px;
height: 335px;
font-family: “Arial”, sans-serif;
font-size: 10px;
color: white;

}
.positioner {
margin:0px auto;
width:355px;
}
.header,.footer, .promo {
background:#34495e;
}
.column {
background:#3498DB;
padding:5px;
}
.menu {
background:#3498DB;
}
._footer, ._menu {
background:none;
}
.logo, .promo1, .promo2 {
background:#c0392b;
}
.promo .column {
width:160px;
float:left;
margin-right:10px;
}
.promo .column:last-child {
margin-right:0px;
}
.promo:after {
content:"";
display:table;
clear:both;}

.content .column {
height:100px;
}
.left, .right {
width:55px;
}
.main {
width:195px;
margin-left:10px;
}
.left {
float:left;
margin-left:0px;
}
.main {
float:left;
}
.right {
float:right;
}
.logo {
min-height: 25px;
}
.promo1, .promo2 {
min-height: 50px;
}
._menu {
min-height:25px;
}
._footer {
min-height:25px;
}
.content:after {
content:"";
display:table;
clear:both;}
.header, .promo, .content {
padding:10px 0;
}
/*
Используемые цвета:
#34495e – мокрый асфальт
#c0392b – красный
#3498DB – синий
*/


#2

В целом не безобразно, главную идею с центровкой уловили, стили сгруппировали.
А размеры всё же подберите, не так это и долго.


#3

Дошло, нужно было лого, меню и промо объединить в header, а меню добавить в дополнительную обертку.