CSS:IE8 vs World(Firefox,Chrome,Safari)

时间:2010-08-16 20:42:33

标签: html css themes confluence

我有一个使用Adaptavist Theme Builder for Confluence的主题,我遇到了一个问题,主题在Firefox,Chrome或Safari中是完美的,但IE8不想限制表格的宽度:

示例:http://wiki.bccampus.ca/pasbc

打开兼容模式无济于事......

这是一个三列布局,中间列的宽度是固定的。除了在IE8上...我已经比较了Chrome和Firefox中Firebug的输出,以及IE8中的开发者工具,我看不出HTML中的差异。

更新

我尝试了两个提供的CSS选项,但没有看到IE中渲染元素的任何变化。然后我发现主题生成器版本很旧,需要升级到Confluence 3.3.x以使用最新版本的Theme Builder ...

2 个答案:

答案 0 :(得分:3)

听起来你手上有一个有趣的问题......

IE将来会给你带来很多麻烦。

据我所知,你的桌子设置为“宽度:100%;”周围div的宽度为940px。这在FF / Chrome / Safari中效果很好,因为它们看到100%的宽度,并认为100%的div直接围绕桌子。 IE认为它是页面的100%(据我所知)

尝试更改包含宽度内容的表的CSS:100%;宽度:940px;

是的,IE是一种痛苦。

答案 1 :(得分:0)

使用在IE

中不支持的最小宽度和最大宽度来控制中间列的宽度

你可以尝试使用表达式
对于前 -

最小宽度:500像素;
width:expression(document.body.clientWidth< 500?“500px”:“auto”);

请参阅this artical了解更多详情