[X] Помощник

[bor10811 Topic Starter]

Некоторые блоки налезают друг на друга, сайт здесь: http://karandash-konversii.ru/index.php

На главной всё нормально, но на многих других страницах блоки налезают друг на друга, хотя в коде, на мой взгляд, всё должно быть нормально. Все налезающие блоки каким-то мистическим образом связаны с классами: blok-b, blok-ba, blok-bb, blok-bc. Свойства и значения для этих блоков находятся в файлах styles (для каждого документа свой файл).

[ol3gran1]

@[member=bor10811], вы извините, но сверстать весь сайт на display: table; это просто ужас. Посмотрите в сторону float и flexbox.

Конкретно по вашим вопросам, к примеру блок Преимущества на главной:
Если блок должен выглядеть так:

то при вашем стиле верстки css примерно такой:

.blok-b {
    width: 100%;
    height: 400px;
    background-color: #F0F0F0;
    display: table;
}
.blok-ba {
    display: table-cell;
    width: 50%;
    height: 100px;
    text-align: right;
    background-color: #E0E0E0;
    vertical-align: top;
}
.blok-bb {
    display: table-cell;
    width: 50%;
    height: 300px;
    background-color: #E0E0E0;
}

И смотрите padding это отступ внутри блока, если не задано box-sizing: border-box; , то 50% отступ при 50% ширине займёт все 100% ширины родителя.

[bor10811 Topic Starter]

Спасибо за помощь, проблема решена

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.