@Arik

Как правильно делать отступы?

1. Правильно ли понял:
1.1 Если блоки идут горизонтально, то как я понял принято делать отступ справа, левый маргин/паддинг при это 0 (например bootstrap - ul.list-inline)?
1.2 Если блоки идут вертикально, то отступ делают снизу, верхний отступ часто 0 (например <p>)?

2. Как правильно сделать отступы для шапки, футора и контента?

layout.php
<header>
    ...
</header>
<?= $content ?>
<footer>
    ...
</footer>

view.php
<div id="page">
    ...
</div>


2.1. Нужно сделать для header отступ сверху. Что лучше: добавить margin-top: 15px header или padding-top: 15px для body?
2.2. Нужно сделать отступ #page от header. Опять же кому отступать? если header добавить margin-botton: 15px, то всегда будет воздух и не нужно задумывать, но как только #page потребует фон (цвет, картинка), то сразу ломается и нужно переделывать. Выходит лучше чтоб #page сам сделал отступ? padding-top/margin-top: 15px?
2.3. Футор тоже должен иметь отступ от #page (тоже самое что 2.2, но сверху), тоже #page сам делает для себя отступ?
  • Вопрос задан
  • 110 просмотров
Решения вопроса 1
@zetproj
GBA
Первые два вопроса не понятны.

2.1. Body не нужно указывать никаких padding'ов и margin'ов. Для header пропишите padding-top: 15px.
2.2. Сложно сказать.
2.3. Для footer пропишите padding-top: 15px.

P.S. Вообще сложно ответить на вопрос и что-то посоветовать не видя макет. Для разных случаев прописывается код по-разному.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
beliyadm
@beliyadm
Бутстрап использует флоаты, там никакими процентами четко не получится для полурезинового сайта сделать идеальную сетку.
Попробуйте Flexbox https://html5.by/blog/flexbox/, на них выравнивание слева\справа с свойством space-between работает идеально (или гриды, но они чуть сложнее)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
от 56 000 до 56 000 руб.
WWHW Санкт-Петербург
от 40 000 до 100 000 руб.
АМТ Екатеринбург
от 40 000 до 50 000 руб.