0

この記事に基づいて HTML/CSS レイアウトの作成を開始し、多かれ少なかれ成功しました。ただ、このページはIEでもChrome/Firefoxでも同じように表示されないので、どこかcssをいじったと思います...

基本的に、私の考えは、高さが 100% の 3 つの等幅の列を持つことです。各列のコンテンツには、左側、上部、右側にパディングが必要であり、「メイン」リンクは各列の下部に配置し、列の中央に揃える必要があります。

これは私のレイアウトのスケッチです

ここに画像の説明を入力

ここで私の現在の結果を見ることができます。このページを Chrome/Firefox で見ると、コンテンツdivsがページから「にじみ出ている」ことがわかりますが、IE コンテンツではdivsうまく収まっています (divsテスト目的でのみコンテンツに境界線を付けています)。IE が CSS を正しくレンダリングしているとは思いません。むしろ、CSS で何か間違ったことをしていると思いますが、何が原因かはわかりません。これについて助けてくれてありがとう。

4

1 に答える 1

3

高さを 100% に設定していますが、パディング/マージンなども設定しています。高さは内側の高さであり、パディング/マージン/境界線がこれに追加されるため、オーバーフローが発生します。

編集: パディング/マージン/ボーダーをパーセンテージとして設定して、高さの合計が 100% になるようにするか、javascript を使用してピクセルを適切に計算して、ウィンドウの高さをピクセル単位で伝え、各列の正しい高さを決定できるようにします。ウィンドウのサイズ変更時にいつでもこれを起動して、css で 100% ルールのように動作させることができます。

于 2012-07-12T10:01:54.280 に答える