Я хочу настроить простую структуру сайта с верхним, нижним и нижним колонтитулами. Верхний и нижний колонтитулы имеют заданные размеры, а содержимое расширяется, чтобы заполнить лишние пробелы. На сайте также должен быть установлен минимальный размер 800x600. Это прекрасно работает без указания DOCTYPE, но как только я добавляю, контентный раздел не раскрывается.
Вот мой код. Удалите DOCTYPE, чтобы увидеть, как он работает должным образом. Этот код работает только для Chrome.
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body style="min-width: 800px; min-height: 600px;margin: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-flex: 1.0; background-color: gray;">
<div style="height: 50px; background-color: red;">Header</div>
<div style="background-color: yellow; -webkit-box-flex: 1.0;">Content</div>
<div style="height: 50px; background-color: blue;">Footer</div>
</body>
</html>