2010-11-18 16 views
0

次のプロファイルは、OSXおよびWinXpのメインブラウザでセンタリングを維持します。しかし、iPadの左側には幅が右側に大きな余白が短くなるようにオフセットされています。左/右の自動余白と900px幅の余白がiPad/iPhoneで余分に広い余白で配置されています

.wrapper { 
    width: 900px; 
    margin-right: auto; 
    margin-left: auto; 
    position: relative; 
    border: 1px solid #9B9B9B; 
} 

<body> 
    <div class="wrapper"> 
    : 
    </div> 
</body> 

私が有効になってW/O javaはラッパーを超えて右方向に延びていることが親指を含むインライン順不同リストを持っています。これらの画像はdiv内に含まれ、正の相対値です。ブラウザでJavaScriptを有効にすると、ページは中央に配置されます。

また、問題はiPadとiPhoneのみです。

考えられる理由はありますか?

答えて

1

モバイルデバイスの場合、マージン左右の自動機能を有効にするには、すべてのdiv境界線を '.wrapper'に収める必要があります。

JavaScriptが実行されると、divをラッパーの左端または右端に移動することに問題はありません。

関連する問題