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

Question

[martuwka]

Нашел на одном сайте интересное оформление 404 ошибки. Хочу добавить себе в блог. Вот этот код на jsfiddle. Код только css, занимает всё пространство страницы. Мне же нужно втиснуть это оформление в блок div, чтобы параллельно находились на странице 404 шапка, сайдбар и футер самого блога. Не знаю, как это осуществить. Создавал div-ы, менял идентификаторы в css, но все безрезультатно, получается кашамалаша. Подскажите, как это всё красиво завернуть в div?

Answer 1

[Vitaliy Orlov]

Замени head, body и т.д. на блоки: https://jsfiddle.net/q4kntute/4/

Comments

[martuwka]

Спасибо!

Answer 2

[Flur]

Создайте 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;
}