Ich arbeite daran, das Layout für eine recht einfache Galerie-Webanwendung zu sortieren, aber wenn ich eine HTML5-Doctype-Deklaration verwende, wird die Höhe einiger meiner Divs (die zu 100% waren) sofort verringert und ich kann nicht prall aussehen sie sichern mit CSS.

Mein HTML ist umhttps://dl.dropbox.com/u/16178847/eyewitness/b/index.html und CSS ist beihttps://dl.dropbox.com/u/16178847/eyewitness/b/style.css

Wenn ich die HTML5-Doctype-Deklaration entferne, ist alles so, wie ich es möchte, aber ich möchte wirklich die richtige HTML5-Doctype-Deklaration verwenden.Wenn ich den Doctype auf HTML5 setze und keine Änderungen vornehme, sind die Divs mit dem Foto und den Footer Divs nicht sichtbar, vermutlich weil sie 0px hoch sind.Wenn ich den doctype auf HTML5 setze und das machebody { height: 100px } und.container { height: 100px } oder.container { height: 100% }, es wird sichtbar, aber was ich brauche ist, dass es die volle Höhe ist und nicht die Höhe in Pixeln.Wenn ich das gleiche wie oben versuche, aber mit dembody { height: 100% } Die Foto- und Fußzeilendivs sind nicht wieder sichtbar.

Was muss ich tun, um eine 100% ige Höhe zu erzielen, damit meine Foto- und Fußzeilendivs die volle Höhe haben?