Здравствуйте, хотел бы услышать критику, не безобразно ли сделано?
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 – синий
*/