0

私はプログラミング全般、特にCSSは初めてです。私は現在、鉄道愛好家のための新しいウェブサイトに取り組んでいます。HTML、CSS、PHP、MySQLなどの経験を積むことができるように、ゼロからやっています.

とにかく、私は問題に遭遇しました。Google で解決策を検索しましたが、見つかりませんでした。私の CSS は、Internet Explorer を除く市場のすべての Web ブラウザーと互換性があるようです。自分で調べてみないと、問題を説明する方法がわかりません。ヘッダーと左側のメニューだけがスタイル設定された要素であるかのようですが、コンテンツと右側のメニューは右側に押し出され、スタイル設定されていません。このリンクをIEと別のブラウザでそれぞれ確認してください。違いがわかります。

だから私の質問はこれです:どうすれば修正できますか?他のすべてのブラウザーで動作するため、IE のバグに違いないことはわかっていますが、それが何であるかはわかりません。CSS スクリプトを投稿する必要がある場合は、お知らせください。皆さんが提供できる助けを前もって感謝します!

4

2 に答える 2

1

スタイル シートではwidth:100%、div 要素に余分な要素があります (ブロック レベルの要素には、コンテナーを埋める幅が当然あります)。IE は、この 100% を のそれと解釈してい#containerます。width:100%styles.css の 119 行目でこれを削除することにより、IE7 でのスタイリングの問題を (理論的には) 修正できます。これは、IE7の解釈方法によってケース化されると理論付けていますdisplay:inline-block

ただし、IE 7 以前との互換性を保証することは、お尻の大きな苦痛であり、まったく価値がないことを警告しなければなりません。:)

于 2012-12-17T05:10:42.750 に答える
0

テストにどのバージョンの IE を使用していますか?? Firefox、IE9、8、および 7 で確認しました。IE8 および IE9 では正常に表示されます。7 にはいくつかの問題がありますが、条件付きコメントを使用して 7 の問題を修正できます。IE7 専用の新しい css ファイルを作成し、ヘッダーで次のようなコードを使用します。

<!--[if IE 7]>
<link rel="stylesheet" href="css/ie7.css" type="text/css" />
<![endif]-->

見た目が良くなるまで、ie7.css をいじってみましょう。この方法の良いところは、他のブラウザーのレンダリングに干渉することなく、IE の問題を修正できることです。「ietester」とデバッグ バーを使用して、正確に何が問題なのかを判断することもできます。今は正確なリンクを見つけることができませんが、グーグルが助けてくれるはずです。

ここで条件付きコメントについて詳しく読むことができますhttp://www.quirksmode.org/css/condcom.html

于 2012-12-17T04:43:16.800 に答える