2013-08-19 86 views
-1

我知道兼容性問題 - IE6-IE7中的單元格顯示,我的目標是在同一行顯示兩個div顯示單元格。在除IE6-IE7之外的所有瀏覽器上,兩個div顯示在同一行上。我注意到了一件事,放入怪癖模式* float:留給第一個div,div顯示在同一行上。如何將它們放在同一行而不使用只有css的quircks模式?如何在單行顯示錶格單元格(IE6-IE7)?

+4

我們需要的代碼示例,理想情況下的jsfiddle或codepen草圖,才能夠幫助你。 – kunalbhat

+1

顯示:表格單元在舊版瀏覽器中無法運行..您必須在IE6-IE7黑客中進行回退。 – AdityaSaxena

+0

http://jsfiddle.net/3ySTf/爲什麼使用怪癖模式和* float:在#r1上使用IE6-IE7? – user2694604

回答

3

使用這個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; 
} 
+0

適用於IE7-IE6和IE5.5!非常感謝你! – user2694604

相關問題