jspにおけるmargin属性の解析しない解決策
jspでIE 8対margin:0 auto;このCSSはもう役に立たないようで、ページが真ん中にならない.
jspでのドキュメントタイプ定義は、次のとおりです.
htmlのドキュメントタイプは、次のように定義されます.
htmlでmarginは解析可能で、使用に問題はありません.
解決策:
1.網易の解決策(私は好き)(どこに追加されているかわかる)
これはレンダリングのプロセスにすぎません.実際には各ページが通用するわけではありませんが、少なくとも自分で追加するとだめです.原因は私にもわかりません.のしかし、このようなことがある以上、きっと役に立つに違いない.
2.単純で効率的な方法で
に表示されます.しかし、div内部の要素を中央に表示することもできます.したがって、divにテキストの位置合わせを個別に設定する必要があります.この方法は私のIE 8ブラウザで互換性があります.
性ビューでテストに合格しました.
これにより、すべての行の要素が中央に配置されます.その後、特別な位置にスタイルを再設定する必要があります.修正するのに不便です.デザインの時に使ってみてください.
3.一般的な方法CSS:このコードはIE 8互換ビューで有効であり、以下に説明する.
#containerは、中央にあるdivコンテナ名を制御し、一般的に最外層のdivである.
position:relative; その位置が固定に設定されていることを示します.
left:50%; このdivの左からの距離がブラウザの幅の半分であることを示します.
margin-left:-500px;ここで−500 pxはwidth/2から得られ,他の幅にも対応する方法でこの値が得られ,これにより過去の1つを多く移動する.
半幅調整して戻ってきました.
4.サイトプログラムの解決この方法は3点目とは異なるところがありますので、よく比較してください.CSS:
私が使っている基本はこの方法です.実はbodyに直接幅を定義してmargin:0 autoで真ん中にすることができます.他のページはテストに合格しました.
5.クライアントブラウザで解決
実は解決方法は簡単ですが、一般的にはお客様はこのように使うことを知らないので、ウェブサイトのプログラムの中でメリットを設計したほうがいいです.IE 8ブラウザであなたのサイトを開き、ずれの問題が発見されたら、慌てないでください.メニューバーで、[ツール](Tools)オプションを開き、ドロップダウンメニューから[互換性ビュー](Compatibility View)を見つけます.チェックマークを付けて、もう一度見てください.サイトが間違っていないのではないでしょうか.
本文の大部分は転載します:http://www.cnblogs.com/Kennyso/archive/2011/11/16/2250774.html
jspでのドキュメントタイプ定義は、次のとおりです.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>htmlのドキュメントタイプは、次のように定義されます.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">htmlでmarginは解析可能で、使用に問題はありません.
解決策:
1.網易の解決策(私は好き)(どこに追加されているかわかる)
これはレンダリングのプロセスにすぎません.実際には各ページが通用するわけではありませんが、少なくとも自分で追加するとだめです.原因は私にもわかりません.のしかし、このようなことがある以上、きっと役に立つに違いない.
2.単純で効率的な方法で
に表示されます.しかし、div内部の要素を中央に表示することもできます.したがって、divにテキストの位置合わせを個別に設定する必要があります.この方法は私のIE 8ブラウザで互換性があります.
性ビューでテストに合格しました.
これにより、すべての行の要素が中央に配置されます.その後、特別な位置にスタイルを再設定する必要があります.修正するのに不便です.デザインの時に使ってみてください.
3.一般的な方法CSS:このコードはIE 8互換ビューで有効であり、以下に説明する.
#containerは、中央にあるdivコンテナ名を制御し、一般的に最外層のdivである.
position:relative; その位置が固定に設定されていることを示します.
left:50%; このdivの左からの距離がブラウザの幅の半分であることを示します.
margin-left:-500px;ここで−500 pxはwidth/2から得られ,他の幅にも対応する方法でこの値が得られ,これにより過去の1つを多く移動する.
半幅調整して戻ってきました.
4.サイトプログラムの解決この方法は3点目とは異なるところがありますので、よく比較してください.CSS:
この方法は、すべてのブラウザで有効な方法です.この方法は、すべてのブラウザで有効な方法です.この方法は、すべてのブラウザで有効な方法です.
私が使っている基本はこの方法です.実はbodyに直接幅を定義してmargin:0 autoで真ん中にすることができます.他のページはテストに合格しました.
5.クライアントブラウザで解決
実は解決方法は簡単ですが、一般的にはお客様はこのように使うことを知らないので、ウェブサイトのプログラムの中でメリットを設計したほうがいいです.IE 8ブラウザであなたのサイトを開き、ずれの問題が発見されたら、慌てないでください.メニューバーで、[ツール](Tools)オプションを開き、ドロップダウンメニューから[互換性ビュー](Compatibility View)を見つけます.チェックマークを付けて、もう一度見てください.サイトが間違っていないのではないでしょうか.
本文の大部分は転載します:http://www.cnblogs.com/Kennyso/archive/2011/11/16/2250774.html