Центрирование страницы при увеличении в IE7

Я создаю веб-сайт для клиента, который хочет, чтобы его страница идеально увеличивалась в IE7. Наконец-то мне удалось обойти большинство багов, кроме одного.

Когда вы увеличиваете масштаб страницы, она центрируется нормально, но затем, когда вы переходите на другую страницу, страница отображается и отображается в верхнем левом углу страницы. Мне нужно сделать его центрированным. Я знаю, что это возможно (клиент все время сравнивает его с bbc.co.uk, у которого есть эта функция).

Кто-нибудь знает об исправлении, которое я могу добавить в свой тег тела или что-то в этом роде?! Дайте мне знать, если вам нужно увидеть какой-либо код.


html css center zooming internet-explorer-7
person Community    schedule 01.07.2009    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Оборачиваем ваш сайт в div-контейнер;

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

и CSS;

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

примененный к нему имеет желаемый эффект.

(Где ширина представляет собой ширину макета).

Масштабируется по центру, и при перемещении по страницам в увеличенном состоянии остается по центру. Протестировано в ie7 на VMware XP.

person Alex    schedule 01.07.2009

arrow_upward
0
arrow_downward

При масштабировании/масштабировании центральная точка 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 "абсолютная".

person Kris Zhang    schedule 28.09.2014