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


× Быстрый вопрос
Пользователь месяца
dos1k dos1k 1-й за Май
Очков активности: 1 194 28 тем, 115 сообщений, 4 балла репутации
Сайт: dos1k.ru
ТОП самых активных за этот месяц
  • Фотография Olya23
    #1

    Olya23
    Очков активности: 1278 3 темы, 133 сообщения, 6 баллов репутации

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

    Rodiola (rukodelkovo.ru)
    Очков активности: 693 0 тем, 77 сообщений, 6 баллов репутации

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

    FIvYUr (catblogger.ru)
    Очков активности: 198 0 тем, 44 сообщения, 3 балла репутации

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

    agrx (key-assort.ru)
    Очков активности: 103.5 0 тем, 23 сообщения, 3 балла репутации

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

    maxnik (konovalovpavel.ru)
    Очков активности: 99 0 тем, 22 сообщения, 3 балла репутации

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

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 60 0 тем, 20 сообщений, 2 балла репутации

  • Фотография re-search
    #7

    re-search
    Очков активности: 51 7 тем, 13 сообщений, 1 балл репутации

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

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

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

    Artos
    Очков активности: 45 0 тем, 10 сообщений, 3 балла репутации

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

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

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


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

#1 bor10811

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

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

Отправлено 29 Октябрь 2017 - 23:58

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


  • 0



Похожие темы

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

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