1

私がなりたかったスタイリングは Chrome にありますが、Firefox と IE では見た目が異なります。フィールド「名前」を除いて、すべてのフィールドが右にフロートしています。フローティングのことですか?私のクローム: ここに画像の説明を入力

私の Firefox と IE: ここに画像の説明を入力

「ステータス」以外にも大きなスペースがあり、ヘッダーの高さも大きく見えます。

===CSS====

.column-name { margin: 2px; width: 40%; }
.column-priority { float: right; margin: 2px 12px; text-align: center; width: 100px;}
.column-severity { float: right; margin: 2px 12px; text-align: center; width: 100px;}
.column-status { float: right; margin: 2px; width: 100px;}

===HTML====

   <div class="results-header ">
        <div class="column-status" value="status">Status<span class="sort jive-icon-sml"></span></div>  
        <div class="column-severity" value="severity">Severity<span class="sort jive-icon-sml"></span></div>
        <div class="column-priority" value="priority">Priority<span class="sort jive-icon-sml jive-icon-arrow-generic-down"></span></div>   
        <div class="column-name"  value="name" >Name</div>
    </div>
4

2 に答える 2

0

これらのブラウザでは優先度が高いため、どのパディングがあるかを伝える必要があるため、99%確信しています。

あなたはスタールールを作るかもしれません

*{margin:0; padding:0;}

しかし、何をすべきかを 100% 伝える前に、さらにコードを投稿する必要があります。ところで、ブラウザの互換性に関連する何かについて不明な点がある場合は、http ://www.quirksmode.org/css/contents.html を参照してください。

于 2012-05-24T07:43:31.777 に答える