¿Por qué no puedo hacer mi div 100% de altura si uso un doctype HTML5? ¿Cómo lo consigo 100% de altura?

Estoy trabajando para ordenar el diseño para una aplicación web de galería bastante simple, pero cuando uso una declaración de tipo de documento HTML5, la altura de algunos de mis divs (que eran del 100%) se reduce de inmediato, y parece que no puedo rellenar hacer una copia de seguridad utilizando CSS.

Mi HTML está enhttps://dl.dropbox.com/u/16178847/eyewitness/b/index.html y css está enhttps://dl.dropbox.com/u/16178847/eyewitness/b/style.css

Si elimino la declaración doctype HTML5, todo es como quiero que sea, pero realmente quiero usar la declaración doctype HTML5 adecuada.Si configuro el doctype en HTML5 y no hago cambios, el div con la foto y los divs de pie de página no son visibles, presumiblemente porque son de 0px de altura.Si configuro el doctype en HTML5 y hago elbody { height: 100px } y.container { height: 100px } o.container { height: 100% }, se vuelve visible, pero lo que necesito es que sea una altura máxima en lugar de una altura en píxeles.Si intento hacer lo mismo que arriba, pero con elbody { height: 100% } Las divs de foto y pie de página no son visibles de nuevo.

¿Qué debo hacer para obtener el 100% de altura para que las divs de fotos y pies de página estén en altura completa?

Respuestas a la pregunta(3)

Su respuesta a la pregunta