2011-05-31 24 views
0

我重組我的表格式數據的div顯示出現一側。當我分配一個css display:inline-block;時,div在IE8中並排顯示,而在IE6中,它向下。作出的div並排

請幫助。

在此先感謝。

+5

如果你確實有「表格數據」,你應該使用一個表。 – RoToRa 2011-05-31 10:34:49

+2

您不能在IE6中使用「inline-block」,因爲它不受支持! http://www.quirksmode.org/css/display.html – 2011-05-31 10:40:08

+2

作爲更新:幸運的是,IE6在美國和世界其他地區的使用率降至0.6%。除非您專門針對中國,否則在這一點上可以放心地忽略它。 – 2012-06-05 14:41:19

回答

0

你必須使用display: block; float: left來實現,在IE6。但請注意IE6的盒型問題以及使用widthpadding

但作爲一個側面說明,如果你有真正的表格數據,你應該使用<table>。該任務不需要切換到<div>

+0

實際上,在我目前的頁面中,表格數據上方的div沒有顯示任何滾動條。所以我建議將表格數據轉換爲div,將標題作爲單獨的標題div,將數據表作爲單獨的div。如果有辦法在桌面的父div上顯示滾動條,我會非常高興。 – smukh 2011-06-01 05:18:48

+0

你應該在你的問題中有這個信息。您可以將表格父母div設置爲固定高度,即'height:600px'和'overflow-y:scroll',因此表格父母div將具有垂直滾動條。 – DanielB 2011-06-01 07:55:38

4

要在IE6 display: inline-block工作,使用:

selector { 
    display: inline-block; 
    *display: inline; 
    zoom: 1 
} 

爲什麼這項工作?請參閱:Inline block doesn't work in internet explorer 7, 6


我重組我的表格格式 數據的div顯示。

我有其他的意見一致 - 這是一個壞主意

應該使用表格數據的<table> - 這就是他們的意思!

+0

其實,在我目前的頁面中,表格數據上方的div沒有顯示任何滾動條。所以我建議將表格數據轉換爲div,將標題作爲單獨的標題div,將數據表作爲單獨的div。 如果有辦法在表格的父div上顯示滾動條,我會非常高興。 – smukh 2011-06-01 05:17:50