どのように私はIE6でリサイズからdivを保つのですか？

StackOverflow https://stackoverflow.com/questions/1595995

質問

ここに私のマークアップだ（の REPRO のを生きる）：

<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モードで発生します。

窓（ないコンテンツ）の幅にヘッダーのdivの幅を修正するための最良の方法は何でしょうか。

注：日付ピッカーよりもはるかに簡単な例は、おそらくそこにある - おそらくjQueryのを必要としない何か - 私は道ということを掲示していますので、私を襲っただけトリガーです。ここでのこの問題をトリガすることなく、DOM要素を追加する例でます。

役に立ちましたか？

解決

コンテナや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のソリューションは、この問題に存在する自信...あなたはそれを持っている場合、それを投稿してください！

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top