Здравствуйте.
Помогите, пожалуйста, не могу ни как понять где совершила ошибку. Блоки-центровщики везде срабатывают. Но как только добавляю центровщик в центр где 2 колонки, все резко сдвигается в лево. Сразу предупреждаю, что верстка еще сырая, не судите строго…)
Код:
<div class="wrapper">
<div class="main-menu">
<div class="layout-positioner">
<ul>
<li>Наши услуги</li>
<li>Регион</li>
<li>Товары</li>
<li>Добавить сайт</li>
<li>Реклама</li>
<li>Услуги</li>
<li>Контакты</li>
</ul>
</div>
</div>
<div class="header">
<div class="layout-positioner">
<div class="layout-column1 layout-column"> Лого</div>
<div class="layout-column2 layout-column">Личный кабинет и регистрация</div>
</div>
</div>
<div class="column clearfix">
<div class="layout-positioner">
<div class="sidebar">
<ul>
<li>Наши услуги</li>
<li>Регион</li>
<li>Товары</li>
<li>Добавить сайт</li>
<li>Реклама</li>
<li>Услуги</li>
<li>Контакты</li>
</ul>
</div>
<div class="block">
<div class="search"></div>
<div class="advt"></div>
<div class="content">
На пути мальчика ждут удивительные открытия и запоминающиеся встречи с пантерой Багирой, медвдругими обитателями дремучих джунглей.медведем Балу, питоном Каа и другими обитателджунглей.Непримиримая борьба с опасным и внушающим страх тигром Шерханом вынуждает Маугли покинуть волчью стаю и отправиться в захватывающее путешествие. На путизахватывающее путешествие. На пути мальчика ждут удивительные открытия и запоминающиеся встречи с пантерой Багирой, медвдругими обитателями дремучих джунглей.медведем Балу, питоном Каа и другими обитателджунглей.Непримиримая борьба с опасным и внушающим страх тигром Шерханом вынуждает Маугли покинуть волчью стаю и отправиться</div>
</div>
</div>
</div>
<div class="footer">
<div class="layout-positioner">Подвал
захватывающее путешествие. На пути мальчика ждут удивительные открытия и запоминающиеся встречи с пантерой Багирой, медвдругими обитателями дремучих джунглей.медведем Балу, питоном Каа и другими обитателджунглей.Непримиримая борьба с опасным и внушающим страх тигром Шерханом вынуждает Маугли покинуть волчью стаю и отправиться в захватывающее путешествие. На пути</div>
</div>
</div>
CSS:
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: “PT Sans”, sans-serif;
font-size: 14px;
}
.wrapper {
height: 100%;
position: relative;
display: table;
}
.main-menu {
position: fixed;
width: 100%;
height: 50px;
}
.header {
min-width: 375px;
margin-top: 150px;
background: #34495e;
margin-top: 50px;
}
.layout-positioner {
max-width: 1200px;
margin: 0 auto;
border: 2px dashed #3498db;
}
.layout-positioner::after {
display: table;
content: “”;
clear: both;
}
.layout-column {
min-height: 100px;
padding: 10px;
}
.layout-column1 {
float: left;
width: 250px;
}
.layout-column2 {
float: right;
width: 120px;
}
.column {
height: 100%;
margin-bottom: 5px;
display: table-row;
}
.sidebar {
width: 200px;
float: left;
clear: both;
}
.block {
min-height: 150px;
margin-left: 200px;
}
.search {
height: 30px;
}
.advt {
height: 30px;
}
.footer {
width: 100%;
background: #34495e;
min-height: 1px;
color: white;
display: table-row;
}
/меню горизонтальное/
.main-menu ul {
padding: 0;
}
.main-menu li {
display: inline-block;
margin: 0;
padding-left: 10px;
background: #ffdab9;
}
/меню вертикальное/
.sidebar ul {
padding: 0;
margin: 0;
}
.sidebar li {
display: block;
padding: 15px;
}Текст "как есть" (без применения форматирования)