DWで作成したWebページがIEで中央に表示されFFがleft_html/css_WEB-ITnoseに表示される問題の解決方法

本文 {TEXT-ALIGN: 中央; } * { パディング: 0; マージン: 0; } li { リストスタイル: なし; } img { 枠線: なし; } .box { width: 930px; 高さ: 250ピクセル; オーバーフロー:非表示; 位置:絶対; マージン: 2px 自動 0; 背景: #ccc; 可視性: 可視。 margin-left:37px } .box ol { position: absolute; 左:800ピクセル; 下: 5ピクセル; z インデックス: 2; } .box ol li { float: left; マージン右: 3px; 表示: インライン; カーソル: ポインタ; 背景: #cfebfc; 境界線: 1 ピクセルの実線 #0073bc; パディング: 2px 6px; カラー:#0073bc; フォントファミリー: arial; フォントサイズ: 12px; } .box .active { padding: 3px 8px; フォントの太さ: 太字; 色: #ffffff; 背景: #2a96e2; 位置: 相対的。 下: 2ピクセル; } .box ul { 位置: 絶対; トップ: 0; 左:-3px; z インデックス: 1; 幅: 4652ピクセル; 高さ: 159ピクセル; 可視性: 可視; } .box ul li { width: 930px; 高さ: 250ピクセル; フロート: 左; } .box ul img { float: right; 幅: 930ピクセル; 高さ: 250ピクセル; }

-->

回复讨论(解决方案) 没看代码不觉得你可能想的是これhttp://www.cnblogs.com/WuQiang/archive/2011/08/23/2150240 .html

.box { width: 930px; 高さ: 250ピクセル; オーバーフロー:非表示; 位置:絶対; マージン: 2px 自動 0; 背景: #ccc; 可視性: 可視; マージン:0 自動; }

试试

不好猜

楼主握html贴出来

帖简化版的css 和HTML

IE の表示が FF の表示と異なるのを見つけました。 CSS の問題

; body {TEXT-ALIGN: center ; #center{margin-right:auto;margin-left:auto} li { list-style: none; img { ボーダー: なし } オーバーフロー: 絶対; 背景: #ccc; g マージン左: 37 ピクセル ol { 位置: 絶対; 左: 5 ピクセル; z-インデックス: 2; } .box ol li { フロート: 左: 3 ピクセル; : インライン; カーソル: ポインタ; 背景: # cfebfc; パディング: 2px 6px; フォントファミリー: フォントサイズ: 12px; 3px 8px; 背景: #2a96e2; 位置: 絶対; z-index: 1; 高さ: 159px; .box ul li { 幅: 930px; 浮動小数点: 左; right; width: 930px; height: 250p x; } " Border = "0" cellpadding="0" height="60" > tr> ;tr> </table&gt ;

マージンを追加してください:0 auto; HTML と関係がありますか? 問題はありません。CSS はスライド画像です。今、IE と FF で異なる位置に表示するためにテーブルまたは div を追加しています。CSS は HTML と関係がありますか?

問題は、CSS のどの部分が *{ padding: 0 ; margin: 0 } であるかを確認して、IE と FF ブラウザーの表示効果に影響を与えることです。 dtd が追加されました

互換性の問題である可能性があります