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


Пользователь месяца
Ixman Ixman 1-й за Октябрь
Очков активности: 693 0 тем, 33 сообщения, 14 баллов репутации
Сайт: o5cat.ru
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

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

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

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

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

    yuran (yurbol.ru)
    Очков активности: 82.5 0 тем, 55 сообщений, 1 балл репутации

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

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

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

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

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

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

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

    pozitron123
    Очков активности: 31.5 2 темы, 15 сообщений, 1 балл репутации

  • Фотография алексс
    #8

    алексс
    Очков активности: 27 2 темы, 12 сообщений, 1 балл репутации

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

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 19.5 0 тем, 13 сообщений, 1 балл репутации

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

    Scool (stostory.ru)
    Очков активности: 19.5 3 темы, 4 сообщения, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 31.10.2018
  • Яндекс выдача: 15.11.2018
Топ 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