Изменение <!DOCTYPE> в <! DOCTYPE HTML> вызывает моя обертка не распространяется

Я только что проверил свою личную целевую страницу на W3C Validator, чтобы убедиться, что это было правильно HTML5, и выяснил, что мне нужно, чтобы иметь <!DOCTYPE html> вместо <!DOCTYPE> пройти.Изменение <!DOCTYPE> в <! DOCTYPE HTML> вызывает моя обертка не распространяется

Однако фоновое изображение не будет распространяться на дно. Я пробовал минимальные высоты для обертки и очищается, но ничего не работает.

Normal: http://gbhall.com/

<!DOCTYPE html>: http://gbhall.com/index2.php

Edit: Вы больше не будете иметь возможность увидеть ошибки, как я обновил его к решению, представленной ниже.

источник

2013-05-01 gbhall

Вы должны дать вашему телу и HTML 100% высоты также:

html, body { height: 100%; }

источник

2013-05-01 11:14:05 gaynorvader

У меня уже было 'html, body {min-height: 100%;}' – gbhall

'min-height' не будет работать, используйте' height' – gaynorvader

Это, похоже, не работает для меня в быстром редактировании с использованием Firebug. Aljullu разрешил его, добавив 'position: absolute' в оболочку. – gbhall

Try записывания:

position: absolute

В вашем wrapper классе.

источник

2013-05-01 11:11:52 Aljullu

Ах ты красота! Это работает, спасибо! Почему добавление абсолютного положения приводит к его расширению? – gbhall

И подскажите, почему правильный DOCTYPE для HTML5 заставлял его разбираться по-разному? – gbhall

Это делает браузер рендерингом вашей страницы в стандартном режиме, что является целым требованием к правильному doctype. – BoltClock

Изменение <!DOCTYPE> в <! DOCTYPE HTML> вызывает моя обертка не распространяется

ответ

Смежные вопросы