2012-05-13 13 views
1

さまざまな古いページを再設計しています。メニューシステムを動作させるには、position:relativeを使います。 <body>タグの私の問題は、たとえば、jQueryのui datepickerや絶対配置されたものを作成すると、左から右に200px〜200pxで表示されます。この問題を回避する方法はありますか?ありがとうポジションアブソリュート+ <body>ポジション相対

答えて

4

コンテナをページ全体で<div>にして、代わりにposition: relativeに設定します。

+0

どのような違いがありますか? – Johan

+0

@ Johan:DatePickerは 'static 'に' 'に追加されます。 – Ryan

+0

divがbodyの内側にある場合、datepickerはdivの位置に関係しませんか? – Johan

0

私はそれが非常に古い記事であることを知っていますが、これが他の誰かを助けるなら、この問題は身体の左側の余白のために起こっているかもしれません。

単純な修正は、日付ピッカーが表示される前に余白に対処することです。

$('#container').datepicker(
{ 
    beforeShow: function(inputElem, dp) 
    { 
     dp.dpDiv.css({ marginLeft: '-' + $('body').css('margin-left') }); 
    } 
});