html - 2つのdivを並べて配置する/InternetExplorer 6/7のフロートとパディング（？）のバグ修正

Question

2つのdivを並べて配置する必要があります。しかし、もっと重要なのは、これをIE6/7で正しく表示したいということです。私はFirefoxでこれを成功させることができました。私のコード：

#container{
    padding:10px;
}

#left{
    float:left;
    width:500px;
}

#right{
    width: 300px;
    float:right;
    padding:7px;
    background-color:#F0FCEB;
}

<div id="box"> 
<div id="left">Some content here</div> 
<div id="right">Some content here 2</div>
<div style="clear:both;"></div>
</div>

結果は以下のとおりです。

必要な出力（FF出力）：

IE6 / 7の出力： IEでこの不要なパディングを取り除くにはどうすればよいですか、または他の方法はありますか？注：丸みを帯びたコーナーを作成するには、jQueryにjQueryとNiftyを使用します。

Answer 1

テーブルを使用しないでください！長いフォームには順序付けられていないリストをよく使用します。しかし、ここでは2divが機能する可能性があります。アクセシビリティのために、Ara：がaとしてマークアップされていることを確認し、それを入力フィールドに関連付け<label>ます

アイテムを表現する前に、アイテムのデフォルトのパディングとマージンをリセットしたことを確認してください。

#box label, #box input {margin:0;padding:0;}

Answer 2

を使用してください<table>。私の経験では、並べて配置するのに最適です。