高度100%不在IE中工作

时间:2013-08-12 18:29:02

标签: html css internet-explorer

我知道有很多关于此的问题,我已经查看了所有这些问题。我有一个网站,我需要左<td>延长100%。我将所有包含的块设置为100%,这在chrome和safari中非常有用。但是它没有扩展到IE或Firefox中的屏幕底部。我在这里有一个粗略的草图,因为代码太长而无法粘贴。我还在页面中包含了css,以便于查看。

我使用了这两个帖子,但都没有解决我的问题。 CSS 100% height in ie Div 100% height works on Firefox but not in IE

我错过了一个容器,还是有一种特殊的方法可以在IE和Firefox中实现这一点?这是我第一次在css中弄乱100%的高度。

2 个答案:

答案 0 :(得分:4)

这是因为td.left中的这行css:

显示:内联块;

删除它以使其保持默认值:display:table-cell。然后它在IE中工作。

我强烈建议你不要在这种布局中使用表格。这是一个很好的教程,将告诉你如何使用divs + css:http://learnlayout.com/

答案 1 :(得分:0)

我能想到的最好的方法是用更大的绝对DIV包装两个面板,这样你就可以给内部div一个(工作)样式:

height: 100%;

我在这里做了一个例子:

结果 - http://fiddle.jshell.net/E8SK6/1/show/

代码 - http://jsfiddle.net/E8SK6/1/