代码之家  ›  专栏  ›  技术社区  ›  OMG Ponies

CSS:IE8与World(火狐、Chrome、Safari)

  •  2
  • OMG Ponies  · 技术社区  · 14 年前

    我有一个主题使用adaptavist theme builder进行融合,我遇到了一个问题,即主题在firefox、chrome或safari中是预取的,但ie8不想限制表的宽度:

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

    打开兼容模式没有帮助…

    它是三列布局,中间列的宽度是固定的。除了IE8…我比较了chrome和firefox中firebug的输出,和ie8中的开发工具,我看不出HTML有什么不同。

    更新

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

    2 回复  |  直到 14 年前
        1
  •  3
  •   Xavias    14 年前

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

    我以后会给你带来很多头疼。

    据我所知,您的桌子被设置为“宽度:100%;”周围的DIV,其宽度为940px。这在FF/Chrome/Safari中非常有效,因为它们可以看到100%的宽度,并且可以将表周围的DIV直接视为100%。我认为它是页面的100%(据我所知)

    尝试将包含内容的表的CSS从width:100%更改为width:940px;

    是的.

        2
  •  0
  •   Vinay B R    14 年前

    中间列的宽度是使用IE中不支持的最小宽度和最大宽度来控制的。

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

    最小宽度:500px;
    宽度:表达式(document.body.clientwidth<500?“500px”:“自动”);

    参考 this 更详细的细节