0

960 グリッドと CSS について学んでいる新人です。ここで徹底的に検索することでほとんどの問題を解決できましたが、すべての IE8 と IE9 でページが不適切にレンダリングされることに本当に苦労しています (ただし、IE7/8 互換ビューでは問題なくレンダリングされます)。

IE では、画面の解像度やズームに関係なく、メイン コンテンツ (6 列、6 列、4 列) の最後の列がページの下部に切り捨てられます。他のすべてのブラウザーでは正常にレンダリングされます (FF の「アウトライン」定義に関する既知の問題を除く)。IE のマージンやパディングに問題があることは承知していますが、まだ完全には理解していません。ただし、960 ピクセルを超える可能性のある水平方向のパディングは見つかりませんでした。もっと知識のある人が私の css をざっと見てくれたら、彼らが私を正しい方向に向けてくれることを願っています。

前述したように、私は css とこのグリッド システムを学習しながら学んでいます。私はウェブ プログラマーではありません。コンピューターで Google と Web Expressions を使用して、非営利機関向けのサイトを構築しようとしているだけです。コードには重大な意味上の問題があると思いますが、優しくしてくれてありがとう。適切なセマンティクスをよりよく理解するため、コードをクリーンアップすることを約束します。ありがとう。

4

1 に答える 1

0

トラブルメーカーのコードについて、私が間違っていたことが判明しました。私の会社のロゴを格納する div の左側の部分の css には、実際には不要な (そして当時は無害に見えた) コードが含まれていました。具体的には、display:inherit と width=100% です。これらの 2 行を削除すると、すべてが IE7+ で適切にレンダリングされます。

于 2012-09-27T20:27:00.773 に答える