1

これが私のマークアップです（ライブ再現）：

<body>
  <div style="text-align:center">header <input class='datepicker'/></div>
  <table><tr><td>really wide table.....................</td></tr></table>
</body>

日付ピッカーがアクティブになると、ヘッダー div の幅が画面の幅からテーブルの幅 (より大きく) に変わります。これにより、ヘッダーの中央のコンテンツが新しい中央に移動します...これは非常に面倒です。

これは IE6 で発生しますが、FF3.5、IE8、または IE8-compat-mode では発生しません。

ヘッダー div の幅を (コンテンツではなく) ウィンドウの幅に固定する最良の方法は何ですか?

注:おそらく日付ピッカーよりもはるかに単純な例があります-おそらくjQueryを含まないものです-それは私を襲った単なるトリガーなので、そのように投稿しています. この問題を引き起こさずに dom 要素を追加する例を次に示します。

4

1 に答える 1

1

コンテナーまたは CSS ディレクティブの単純な組み合わせは、私にはうまくいきませんでした。これが私がやったことです（私はすでにスタックにjqueryを持っています）：

// set the header div's width in px on page load/window resize
$(window).bind('load resize', function() {
  $('#header').css('width', $(window).width() - 20 /* scrollbars */);
});

これは確かにダクトテープの解決策です。それは根本的な原因よりも症状を治療します...しかし、それは私がより良いものに移ることができるほど十分に機能しているようです.

私は、この問題に対する純粋な css ソリューションが存在すると確信しています...お持ちの場合は、投稿してください!

于 2009-10-21T00:39:03.073 に答える