Перейти к содержимому


Пользователь месяца
OlgaGetman OlgaGetman 1-й за Декабрь
Очков активности: 2100 10 тем, 170 сообщений, 7 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Ixman
    #1

    Ixman (o5cat.ru)
    Очков активности: 243 Вне конкурса за определение пользователя месяца

  • Фотография Андрей WPMasterKZ
    #2

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 153 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #3

    BLIK
    Очков активности: 132 0 тем, 22 сообщения, 4 балла репутации

  • Фотография OlgaGetman
    #4

    OlgaGetman
    Очков активности: 90 Вне конкурса за определение пользователя месяца

  • Фотография Mandarin
    #5

    Mandarin
    Очков активности: 60 0 тем, 40 сообщений, 1 балл репутации

  • Фотография Cheaplinks
    #6

    Cheaplinks (cheaplinks.pro)
    Очков активности: 57 0 тем, 19 сообщений, 2 балла репутации

  • Фотография TimurR
    #7

    TimurR
    Очков активности: 54 Вне конкурса за определение пользователя месяца

  • Фотография Ilya74
    #8

    Ilya74
    Очков активности: 48 0 тем, 16 сообщений, 2 балла репутации

  • Фотография Constantine
    #9

    Constantine
    Очков активности: 48 5 тем, 17 сообщений, 1 балл репутации

  • Фотография ShowPrint
    #10

    ShowPrint (ShowPrint.ru)
    Очков активности: 36 Вне конкурса за определение пользователя месяца

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.12.2018
  • Яндекс выдача: 22.01.2019
Топ 5 участников по репутации


Не могу понять, что у меня с блоками?

#1 bor10811

bor10811
  • Пользователь
  • 57 сообщений
  • Репутация: 3
0

Отправлено 27 October 2017 - 23:49

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

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


 

 

  • 0

#2 ol3gran1

ol3gran1
  • Пользователь
  • 66 сообщений
  • Репутация: 23

Отправлено 28 October 2017 - 00:29

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

Конкретно по вашим вопросам, к примеру блок Преимущества на главной:
Если блок должен выглядеть так:
10252492.png
то при вашем стиле верстки 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% ширины родителя.
  • 3

#3 bor10811

bor10811
    Topic Starter
  • Пользователь
  • 57 сообщений
  • Репутация: 3

Отправлено 29 October 2017 - 23:58

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


  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru