Задать вопрос
Serjabos
@Serjabos
css

Как реализовать эти отступы в CSS?

Наверное вопрос покажется глупым , но всё же . Интересует момент в верстке , как задать эти отступы сразу всей странице , не отдельно же задавать каждому отступ слева по 70 px , как это реализовать?
827b8df531594dbca09ba064e2266b16.jpg
  • Вопрос задан
  • 169 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 2
thewind
@thewind
php программист, front / backend developer
Эти отступы не по 70px, а черная полоса на всю ширину любого (!) экрана.
В вашем случае (учитывая, что кроме черной полосы блоков на всю ширину нет) можно сделать ее DIV-ом с абсолютным позиционированием, шириной 100% и нужной высотой. А весь остальной контент обернуть в wrapper с нужной шириной и центрированием margin: 0 auto;
Ответ написан
Комментировать
Комментировать
swipeshot
@swipeshot
Учусь на ошибках.
В header div с классом wrap.
Потом в content еще один div с классом wrap.
Потом задаете классу wrap отступ.
Пример
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
sergski
@sergski
web-developer
Идеологически так:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

<header style="background: #000; color: #fff">
    <nav style="width: 90%; margin: auto; padding: 20px;">Design</nav>
</header>
<article>
    <div style="width: 90%; margin: auto; padding: 20px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
</article>
<footer>
    <div style="width: 90%; margin: auto; padding: 20px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>
</footer>
</body>
</html>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы