2010-01-03 112 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