Задать вопрос
@martuwka
html

Как эту страницу 404 впихнуть в блок div?

Нашел на одном сайте интересное оформление 404 ошибки. Хочу добавить себе в блог. Вот этот код на jsfiddle. Код только css, занимает всё пространство страницы. Мне же нужно втиснуть это оформление в блок div, чтобы параллельно находились на странице 404 шапка, сайдбар и футер самого блога. Не знаю, как это осуществить. Создавал div-ы, менял идентификаторы в css, но все безрезультатно, получается кашамалаша. Подскажите, как это всё красиво завернуть в div?
  • Вопрос задан
  • 133 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
orlov0562
@orlov0562
I'm cool!
Замени head, body и т.д. на блоки: https://jsfiddle.net/q4kntute/4/
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@aslanovich
Web/Art Designer. Front+Back-end Geek
Создайте div со стилем, скажем
<div class="pseudo-html">
<!--> ... <-->
</div>


В него добавляете остальные блоки:
<div class="pseudo-html">
   <div class="pseudo-head"></div>
   <div class="pseudo-body"></div>
   <div class="pseudo-meta"></div>
</div>


Перепишите названия стилей, не забудьте добавить это:

*, *::after, *::before {
  box-sizing: border-box;
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Django
26 апр. 2024, в 09:18
500 руб./в час
Devops для видео сервиса
26 апр. 2024, в 06:46
1500 руб./в час
Найти ошибку flutter_map
26 апр. 2024, в 05:31
1000 руб./за проект
Ещё заказы