ホームページ >ウェブフロントエンド >htmlチュートリアル >DIV+CSS Web サイトが IE8.0_html/css_WEB-ITnose の中央に配置されない問題の解決策

DIV+CSS Web サイトが IE8.0_html/css_WEB-ITnose の中央に配置されない問題の解決策

WBOY
WBOYオリジナル
2016-06-24 12:30:191073ブラウズ

今日、お客様からお電話があり、IE ブラウザを IE8.0 にアップデートし、新しく作成した Web サイトを開いたところ、明らかに左側の中央にずれていることに気づきましたが、Xiao Cai はそうしていたとのことでした。以前にも同じ問題に遭遇したので、まったく心配していませんでした。一般的に DIV+CSS の記述は IE6.0、IE7.0、Firefox でテスト済みなので、IE8 で Web サイトを開くとズレがひどいことがわかります。ホームページ、リストページ、記事ページなどがすべて大きくずれています。
今後 2 日間、IE8.0 を使用して Web サイトを開く勇気はありませんでした。現在、IE8 を使用している人があまり多くないこと、および Web サイトの位置ずれの問題に気づく人があまり多くないことを願っています。結局のところ、IE8 を使用する人はますます増えていくだけであり、ますます減少するわけではないのだと思いました。 IE8 で Web サイトがずれる原因と解決策を調査し始めました。
IE7 では正常に表示されていた Web サイトが IE6 で位置がずれることがありましたが、コードを変更することで正常化したため、IE8 で位置がずれる場合は、コードを変更して Web サイトの問題を回避する必要があると考えました。位置ずれ。結局のところ、これは多くの初心者 Web マスターにとっての課題であると言わざるを得ません。実際、IE8 ブラウザ自体には、Web サイトの位置ずれの問題を解決する非常に優れた機能が備わっています。

クライアント側の解決策

実際、解決策は非常に簡単です。 IE8 ブラウザを使用して Web サイトを開きます。位置ずれの問題を見つけても、パニックにならないでください。メニュー バーで [ツール] オプションを開き、ドロップダウン メニューで [互換表示] を見つけてチェックを入れ、Web サイトの位置がずれていないことを確認します。

2番目のWebサイトはそれ自体で解決します

IE8にはmargin:0 autoがあり、このCSSはもう役に立たないようです、ページを中央に配置できません。午後に戻って中央に配置する方法があるかどうか確認しますPacific のフロントエンドも、同社は IE8 の存在を無視していると述べています。
その理由は、body タグに margin:0 auto; を記述したためです。IE7 以前では中央に配置できますが、IE8 ではこのコードを大きな div フレームに記述することができます。

Baidu 検索情報:

プログラム コード