Pracuję nad uporządkowaniem układu na całkiem prostą galerię webapp, ale kiedy używam deklaracji doctype HTML5, wysokość niektórych moich div (które były w 100%) zmniejszała się i nie wydaje mi się, żeby pulchna tworzyć kopie zapasowe za pomocą CSS.

Mój HTML jest nahttps://dl.dropbox.com/u/16178847/eyewitness/b/index.html a css jest nahttps://dl.dropbox.com/u/16178847/eyewitness/b/style.css

Jeśli usunę deklarację doctype HTML5, wszystko będzie takie, jak chcę, ale naprawdę chcę użyć odpowiedniej deklaracji doctype HTML5.Jeśli ustawię doctype na HTML5 i nie wprowadzę żadnych zmian, div ze zdjęciem i divy stopki nie będą widoczne, prawdopodobnie dlatego, że mają 0px wysokości.Jeśli ustawię doctype na HTML5 i wprowadzębody { height: 100px } i.container { height: 100px } lub.container { height: 100% }, staje się widoczny, ale to, czego potrzebuję, to raczej pełna wysokość niż wysokość w pikselach.Jeśli spróbuję zrobić to samo co powyżej, ale zbody { height: 100% } divy zdjęcia i stopki nie są ponownie widoczne.

Co muszę zrobić, aby uzyskać 100% wysokości, aby moje zdjęcia i stopki były pełne?