html - table-cell を 1 行で表示する方法 (IE6-IE7)?

Question

IE6-IE7 でのセル表示の互換性の問題を認識しています。私の目標は、同じ行に 2 つの div 表示セルを表示することです。IE6 ～ IE7 を除くすべてのブラウザで、2 つの div が同じ行に表示されます。ただし、Quirks モード * float: を最初の div の左に置くと、div が同じ行に表示されることに気付きました。cssだけで癖モードを使わずに同じ行に置く方法は？

Answer 1

このCSSを使用してください：

body{
    margin: 0
}
#table{
    display: table;
    width: 100%;
    height: 50px;
    *overflow:auto;
}
#r1{
    display: table-cell;
    width: 30px;
    background-color: black;
    *float:left;

}
#r2{
    display: table-cell;
    width: 30px;
    background-color: #eee;
    *float:left;
}