html - IE7放大时页面居中

Question

我正在为希望他们的页面在 IE7 中完美放大的客户建立一个网站。我终于设法解决了大多数错误，但只有一个。

当您放大页面时，它可以很好地居中，但是当您转到另一个页面时，页面会呈现并显示在页面的左上角。我需要让它居中渲染。我知道这是可能的（客户不断将其与具有此功能的 bbc.co.uk 进行比较）。

有谁知道我可以添加到我的身体标签或其他东西的修复？！如果您需要查看任何代码，请告诉我。

Answer 1

将您的网站包装在容器 div 中；

<div id="wrapper">
...
</div>

和CSS；

#wrapper {
margin: 0 auto;
width: XXXpx;
}

应用到它具有预期的效果。

（其中 width 表示布局的宽度）。

居中缩放，在缩放状态下浏览页面时保持居中。在 VMware XP 上的 ie7 中测试。

Answer 2

缩放/缩放时，IE 的中心点似乎在左上角我通过脚本移动到中心

$.browser.mozilla
    ? $container.css('-moz-transform', 'scale(' + scale + ')')
    : $container.css('zoom', scale)

winW = $(window).width()
winH = $(window).height()

if ($.browser.msie) {
    var offScale = (1 - scale) / 2
    $container.css({
        top   : winH * offScale
      , left  : winW * offScale
})

您必须知道秤号，我的 $container 位置是“绝对”