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


Пользователь месяца
BLIK BLIK 1-й за Февраль
Очков активности: 1228 0 тем, 63 сообщения, 13 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Андрей WPMasterKZ
    #1

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

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

    ShowPrint (ShowPrint.ru)
    Очков активности: 621 1 тема, 43 сообщения, 9 баллов репутации

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

    magnet (rbfxdirect.com)
    Очков активности: 451.5 Вне конкурса за определение пользователя месяца

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

    Megoydagi
    Очков активности: 324 8 тем, 48 сообщений, 3 балла репутации

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

    pozitron123
    Очков активности: 202.5 5 тем, 30 сообщений, 3 балла репутации

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

    maxnik (konovalovpavel.ru)
    Очков активности: 177 2 темы, 53 сообщения, 2 балла репутации

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

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

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

    WGN (worldgamenews.com)
    Очков активности: 96 0 тем, 32 сообщения, 2 балла репутации

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

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

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

    ediksing (online-zarabotai.ru)
    Очков активности: 57 2 темы, 32 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Новый Teasernet

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


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

#1 bor10811

bor10811
  • Пользователь
  • 60 сообщений
  • Репутация: 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
  • Пользователь
  • 60 сообщений
  • Репутация: 3

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

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


  • 0



Похожие темы

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

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