非常に単純なギャラリー webapp のレイアウトを並べ替える作業を行っていますが、HTML5 doctype 宣言を使用すると、一部の div (100%) の高さがすぐに縮小され、ふっくらしているようには見えません。それらは CSS を使用してバックアップします。
私の HTML はhttps://dl.dropbox.com/u/16178847/eyewitness/b/index.htmlにあり、css はhttps://dl.dropbox.com/u/16178847/eyewitness/b/style.cssにあります。
- HTML5 doctype 宣言を削除すると、すべてが希望どおりになりますが、実際には適切な HTML5 doctype 宣言を使用したいと考えています。
- doctype を HTML5 に設定して変更を加えないと、写真を含む div とフッター div が表示されません。おそらく、それらの高さが 0px であるためです。
- doctype を HTML5 に設定して
body { height: 100px }
and.container { height: 100px }
またはを作成すると.container { height: 100% }
、表示されるようになりますが、高さをピクセル単位ではなくフルハイトにする必要があります。 - 上記と同じことをしようとすると
body { height: 100% }
、写真とフッターのdivが再び表示されなくなります。
写真とフッターの div がフルハイトになるように、高さを 100% にするにはどうすればよいですか?