オペラでマージンとパディングが正しく機能するが、IE 8とFF 3.6では正しく動作しないのはなぜですか？

-1

HTMLコード：オペラでマージンとパディングが正しく機能するが、IE 8とFF 3.6では正しく動作しないのはなぜですか？

<!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>CSS Test Page</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style type="text/css"> 
    body 
    { 
     margin: 0; 
     padding: 0; 
    } 
    #int 
    { 
     width: 1000px; 
     text-align: justify; 
     border: solid 1px #000; 
    } 
    </style>  
     </head> 
<body> 

<div id="int"> 
Some simple text... 
</div> 

</body> 
</html>

と結果： オペラ11 enter image description here ここにそれは働きます！

しかし... のInternet Explorer 8 enter image description here ...とのFirefox 3.6

問題は、このコードは... のYii Web Appのレイアウトとして使用している場合のみです私は間違っている？助けてください。

P.S. kennel.cms.ua - このサイトはローカルのWebサーバー上で実行されています:)

出典

2011-02-02 Vdm17

UPDにあなたを励ます最高のCSSのリセット何を知りたい場合は：私はYiiの中で、このコードを使用している場合、問題があります。私は理由を理解できません... – Vdm17

私はそれを正しく表示するFirefox 3.6＆ie7,8 – Sotiris

私はIE8とFF3.6の両方で期待どおりに動作します...また、IEとFFの開発ツールを使用することができます何が間違っているのか見てみましょう。 – anothershrubery

私は、正しく物事を行うだろう。

ADD a CSSリセット CSSで再生する前に！

たくさんあります。使用してください。

私はread this question

出典

2011-02-02 14:03:58 balexandre

ありがとうございます – Vdm17

FFとIEに存在するマージントップのために、しかしオペラには不満がありますか？

これらの属性をCSSに設定しようとします。

display: inline; 
float: left; 
height: auto; 
position: relative; 
text-align: left; 
width: 100%;

私はそれはあなたの問題を解決すると思う：私はあなただった場合、あなたが本当にクロスブラウザのサポートを持つようにしたい場合はD

出典

2011-02-02 11:35:20 Periback

オペラでマージンとパディングが正しく機能するが、IE 8とFF 3.6では正しく動作しないのはなぜですか？

答えて

関連する問題