2011-01-10 30 views
1

我有一個表格在div內呈現。以下樣式應用於外部div。在IE7中div的高度沒有自動調整

width:auto; 
background-color:white; 
overflow:auto; 
height: auto; 
scrollbar-face-color:#E0EEEE; 
scrollbar-arrow-color:#33ccff; 
scrollbar-track-color:#EEFFFF; 
scrollbar-shadow-color:#EEFFFF; 
scrollbar-highlight-color:#EEFFFF; 
scrollbar-3dlight-color:#EEFFFF; 
scrollbar-darkshadow-Color:#EEFFFF; 

在IE8外層的div出現帶有一個水平滾動條完全正常,但在IE7兩個滾動條顯示和外層div不會自動調整高度。我希望這看起來像IE8一樣。有人可以提出一些建議嗎?

以下是在IE的兩個版本的截圖鏈接:

http://img692.imageshack.us/img692/6374/81306247.png

+0

給人一種住在一個部位的例子像jsbin.com或jsfiddle.net將幫助更多 – Sotiris 2011-01-10 13:56:23

回答

0

因爲只什麼溢出在一個方向上發生設置overflow-x: auto而不是overflow: auto

0

不同的瀏覽器在默認邊距和填充等方面有不同的想法。嘗試在樣式表之前添加一個重置樣式表來標準化瀏覽器並查看是否能爲您解決問題。您可能需要對現有的樣式表進行微調,以便將其納入其中,但它們應該較小,並且在所有瀏覽器中都會同樣反映出來。

http://meyerweb.com/eric/tools/css/reset/