Как изменить расстояние между блоками сайта?

голоса: 0

Как изменить расстояние между блоками сайта?

А то на одной странице одно расстояние (4.5 кубика фона), а на другой странице другое (4 кубика фона). Это очень бросается в глаза.

Адрес сайта izazii.ru
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ

В файле стилей http://izazii.ru/css/style.css ищем строку номер 144:

.main-container {padding: 45px 0 40px;position:relative;z-index:1;/* background: #eaeaea; */max-width: 100%;margin: 0 auto 0px;}

уменьшайте значение 45 как пример до 5, далее смотрите подходит ли вам.

| Автор:
Выбор ответа лучшим | | Автор: Юрий Семкин
Yuri_Geruk,

По другому отступу что ниже, в стили допишите:

.banner-block {
    margin-bottom: -15px;
    margin-top: -20px;
}

это поможет. 

 После полной чистки кэша в Chrome красиво

Но в Microsoft Edge криво

 

Неужели HTML код не универсален и влияет на отображение в разных браузерах по разному. 

Edge чистил несколько раз - ставил все все галочки

Yuri_Geruk,

.footer-container{max-width: 100%;margin: 0 auto;color: #888888;text-align: left;font-weight: normal;padding: 39px 0 0;overflow: hidden;background: url(../images/footer-bg.gif) top center;border-top: solid 1px #e7e7de;}

более точно 1159 .

Благодарю, но похоже изменение параметра "39px" влияет на другое - ниже.

Мне же надо изменить в другом месте:

Я отметил на скриншоте где меняет и где надо.

Юрий Семкин,

Найдите в стилях строку 145:

.main-container-bg {/* padding-top: 10px; */margin-bottom: -0px;}

попробуйте добавить красное, только вместо 0 пропишите нужное значение на сколько поднять нижнюю часть сайта к центральному блоку с контентом.

Yuri_Geruk,

.banner-block {
    margin-bottom: -15px;
    margin-top: -20px;
}

По этому вопросу подскажите, пожалуйта? в браузере Edge криво. Скриншоты я выше в сообщениях показад.

Yuri_Geruk,

Спасибо.

Помогло, но стала слишком широкой самая нижняя полоса сайта

Как ее теперь сделать уже?

...