Santos (03 Октябрь 2014 - 12:55) писал:
Добрый день!
Срочно нужна помощь! При просмотре магазина (гл. страница) на других компьютерах и в других разрешениях происходят смещения ОТДЕЛЬНЫХ блоков к левому краю (получается блоки идут зигзагом), а именно смещены:
1. Верхний Блок - верхняя навигация, лого, каталог, телефоны
2. Слайдер
3. Описание на главной
Блоки : Карусель и Подвал стоят как надо - по середине
Скрины - прилагаю.... Помогите пожалуйста, а то смотрится стремновато)))
Здравствуйте.
В style.css
section[role="main"] {
margin-bottom: 6em;
z-index: 10;
}
измените на
section[role="main"] {
margin-bottom: 6em;
z-index: 10;
margin-left: 105px;
}
В шаблоне HTML
<div class="theme-default" style="padding: 1em;">
измените на
<div class="theme-default" style="padding: 1em;margin-left: 80px;">
style.css
header[role="banner"] {
position: relative;
min-height: 14em;
overflow: hidden;
z-index: 10;
}
измените на
header[role="banner"] {
position: relative;
min-height: 14em;
overflow: hidden;
z-index: 10;
margin-left: 105px;
}
В style.css
.conta {
position: relative;
width: 100%;
max-width: 1280px;
margin: -5px auto;
z-index: 30;
}
измените на
.conta {
position: relative;
width: 100%;
max-width: 1280px;
margin: -5px auto;
z-index: 30;
margin-left: 95px;
}
В style.css
.head {
width: 100%;
font-size: 13px;
font-weight: bold;
position: relative;
}
измените на
.head {
width: 100%;
font-size: 13px;
font-weight: bold;
position: relative;
margin-left: 105px;
}