pad内のdiv内のInternet Explorerのマージンの問題

この場合、Internet Explorerは適切なマージンを与えていないようです。それは、ボックスの上部からのマージンを測定し、パディングを無視するように見えます。どうしてこれなの？良い回避策はありますか？ここに例があります：pad内のdiv内のInternet Explorerのマージンの問題

<!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"> 
    <head> 
     <title></title> 

     <style type="text/css"> 
      .messagebox 
      { 
       border: solid 2px black; 
       background: blue; 
       color: white; 
       padding: 10px; /* Problem only when padding set */ 
      } 

      h1, h2, h3, h4 
      { 
       margin-top: 12px; 
      } 

     </style> 
    </head> 
    <body> 
     <div class="messagebox" style="width: 300px"> 
      <h4 style="text-align: center">In IE, this text is 10px higher than in FF.</h4> 
     </div> 
    </body> 
    </html>

私はIE7とFF3で作業しています。ありがとう。

出典

2009-05-29 Kyle Ryan

は、私は特定の答えを持っていないが、それは余白とパディングに関連し、私はIEとFFの間の違いで苦労しているIE box model bug

出典

2009-05-29 17:54:35

この問題の迅速な修正は、doctypeをHTML 4.01 strictに変更することです。 –

リンクありがとうございます。 doctypeタグに関しては、HTML 4.01に厳密に変更しましたが、違いはありません。<！DOCTYPE HTML PUBLIC " - // W3C // DTD HTML 4.01 // EN" "http：// www .w3.org/TR/html4/strict.dtd "> –

あなたは

body{ 
zoom:1; 
}

を試みることが、私はこれが役立つかどうかわからないんだけど、それがない場合、それは簡単な修正かもしれません！

出典

2009-05-29 17:50:54

試してみました。 –

へようこそ。

docタイプのタグを明示的に入れる必要があるかもしれません。特に厳しいモード。そうすれば、それらを同じレイアウトモデルに強制することができます。そこからあなたは科学ではなく芸術を扱っています。

幸運。

出典

2009-05-29 17:54:46

pad内のdiv内のInternet Explorerのマージンの問題

答えて

関連する問題