0

FirefoxとChromeは、IEとは異なる方法でパディングを処理しています。

FirefoxとChromeの場合、パディングを使用すると、これがdivの全幅に追加されます。IEの場合、パディング値は無視されるため、CSSは均一に機能しません。彼らはいつも同じように働いてきたので、これは新しい開発のようです。例えば

#header
{
   width:280;
   padding-left:10px;
   padding-right:10px;
}

これにより、FirefoxとChromeでは合計300ピクセルになりますが、IEでは幅は変わりません。

この問題をどのように処理しますか？

4

2 に答える 2

1

ここで扱っているのはIE の既知の問題です。

つまり、HTML に問題がある場合、IE は問題を解決する方法を見つけようとするため、Quirks モードに移行します。これを行うと、CSS Box Model (幅、パディング、ボーダー、およびマージンの処理方法を決定するもの) の解釈が W3C 標準から離れます。

したがって、HTML に問題があり、最初の呼び出し先はW3C Markup Validation Serviceである可能性があります。これを使用して HTML を検証します。HTML が検証されたら、CSS で再試行してください。まだ壊れている場合は、ここに戻ってください。

于 2013-01-29T20:10:26.750 に答える
0

doctypeを追加し、htmlタグを変更すると、問題を解決するのに役立ちました。これは以下の新しい変更です。

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" 

html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"

もちろん、開始タグと終了タグを使用しましたが、コードブロックとして正しく表示されません

于 2013-02-11T23:08:12.397 に答える