同じ幅のテキストを含むdivを表示するブラウザを取得できません

以下はこのdivが使用しているCSSスタイルです。 divそのものはテーブル内にネストされています。基本的にIEはこれをFireFoxとChromeから別様にと表示します。私はIEのレンダリングをより良くと好きです。そして、それは私がdreamweaverで見ているものとよりインラインに見えます。 Firefoxとクロムがdivを広げて表示します。何らかの理由でIEとDreamweaverにあります。同じ幅のテキストを含むdivを表示するブラウザを取得できません

私はしばらく何も設計していませんが、まだブラウザ間でこれらのレンダリングの違いがあることが悲しいです。これはまだHTML5/CSS3の場合ですか？

.Class420 { 
    font-family:Arial,Helvetica,sans-serif; 
    font-size:14px; 
    color:#000; 
    line-height:30px; 
    background-color:#F5F5F5; 
    width:400px; 
    text-align:justify; 
    padding:15px; 
    float: left; 
    margin-left: 15px; 
    height: 300px; 
}

出典

2011-07-20 LaserBeak

現在の出力と予想される出力（スクリーンショットまたはフィドル）を投稿できますか？ –

おそらく、問題はdivの周りの環境によって引き起こされるので、何が起こっているかをあなたに知らせるために環境を確認する必要があります。あなたの質問には、数年前よりも現在のレンダリングの違いは少ないですが、まだまだたくさんあります。標準化された機能を使用している場合は、通常、すべてのブラウザで機能する「適切な」方法を見つけることができます。 – jfriend00

is this still the case with HTML5/CSS3 ?

はい。そして、それはまだ誰もが戻っているInternet Explorerです。

出典

2011-07-20 06:22:10

同じ幅のテキストを含むdivを表示するブラウザを取得できません

答えて

関連する問題