2009-07-01 10 views
1

Ich baue eine Website für einen Kunden, der möchte, dass seine Seite in IE7 perfekt zoomen kann. Ich habe es schließlich geschafft, die meisten Bugs zu umgehen, aber einen.Zentrierungsseite beim Vergrößern von IE7

Wenn Sie auf die Seite zoomen, wird der Mittelpunkt zentriert. Wenn Sie jedoch zu einer anderen Seite wechseln, wird die Seite gerendert und oben links auf der Seite angezeigt. Ich muss es zentriert werden lassen. Ich weiß, dass es möglich ist (der Kunde vergleicht es mit bbc.co.uk, das diese Funktion hat).

Kennt jemand eine Reparatur, die ich meinem Körperumbau oder etwas hinzufügen kann ?! Lass es mich wissen, wenn du irgendeinen Code sehen musst.

Antwort

1

Wrapping Ihrer Website in einem Container div;

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

und die css;

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

angewendet auf es hat den gewünschten Effekt.

(Breite entspricht der Breite des Layouts).

Zoomt zentriert und bleibt beim Bewegen durch die Seiten im gezoomten Zustand zentriert. Getestet in ie7 auf VMware XP.

0

Wenn Skala/Zoom, der Mittelpunkt des IE scheint an der oberen linken Ecke ich in die Mitte von Skripten

$.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 
}) 

Sie müssen die Skalennummer und meine Position von $ Container wissen, ist „absolute "