2010-01-03 36 views
0

工作,我的div容器與CSS類:身高:自動;不與Firefox

.content4 
    { 
    height: 1400px; 
    width: 920px; 
    border: 1px solid #CCCCCC; 
    background-color: #FFFFFF; 
    padding-bottom: 25px; 
    padding-top: 25px; 
    background-image: url(../images2/bg.gif); 
    } 

,我需要讓自動高度對其內容

它在IE瀏覽器工作正常,但在Firefox不工作。

請幫忙嗎?

+0

當我添加一些東西這個div我應調整增加高度。 – 2010-01-03 17:03:11

+1

該頁面是否可以在任何地方在線提供?這可能是其他規則衝突 – 2010-01-03 17:03:53

回答

4

使用類似的東西:

.test 
{ 
    min-height: 300px; 
    height: auto !important; /* for other browsers */ 
    height: 300px; /* for IE */ 
} 
1

如果我正確理解了這種情況,你的風格就像應該那樣工作(在FF中,當然是:))如果你指定了特定的高度,當div的內容需要更多時,div不應該改變它的高度。在IE中觀察到的是,它實際上將「高度」視爲「最小高度」。 這裏的解決方案是指定最小高度爲瀏覽器和高度IE :)

+0

我如何指定瀏覽器的最小高度。 – 2010-01-03 17:13:10

+0

見阿克塞爾的答案 – 2010-01-03 17:38:54