2009-07-01 6 views
1

IE7でページを完全にズームしたいクライアント用のウェブサイトを構築しています。私は最終的にバグの大部分を取り除くことができましたが、一つです。IE7をズームインしたときのセンタリングページ

ページを拡大すると、中央に表示されますが、別のページに移動するとページの左上がレンダリングされて表示されます。私はそれを中心にレンダリングさせる必要があります。私はそれが可能であることを知っている(クライアントはこの機能を持っているbbc.co.ukと比較し続けている)。

誰かが自分のボディータグなどに追加できる修正を知っていますか?あなたがコードを見る必要があるかどうか私に教えてください。

答えて

1

コンテナdivにサイトをラップします。

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

とcss;

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

が適用されています。

(widthはレイアウトの幅を表します)。

ズームが中央になり、ズーム状態のページを移動するときに中央にとどまります。 VMware XPのie7でテストされています。

0

スケール/ズーム、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 
}) 

で中央に移動し、左上 でいるようです"

関連する問題