この記事に基づいて HTML/CSS レイアウトの作成を開始し、多かれ少なかれ成功しました。ただ、このページはIEでもChrome/Firefoxでも同じように表示されないので、どこかcssをいじったと思います...
基本的に、私の考えは、高さが 100% の 3 つの等幅の列を持つことです。各列のコンテンツには、左側、上部、右側にパディングが必要であり、「メイン」リンクは各列の下部に配置し、列の中央に揃える必要があります。
これは私のレイアウトのスケッチです
ここで私の現在の結果を見ることができます。このページを Chrome/Firefox で見ると、コンテンツdivs
がページから「にじみ出ている」ことがわかりますが、IE コンテンツではdivs
うまく収まっています (divs
テスト目的でのみコンテンツに境界線を付けています)。IE が CSS を正しくレンダリングしているとは思いません。むしろ、CSS で何か間違ったことをしていると思いますが、何が原因かはわかりません。これについて助けてくれてありがとう。