如何讓div在IE6中調整大小？

這是我的標記（live repro）：如何讓div在IE6中調整大小？

<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的寬度固定爲窗口寬度（而不是內容）的最佳方法是什麼？

注意：有可能比datepicker更簡單的例子 - 可能是不涉及jQuery的東西 - 這只是觸發我的觸發器，所以我發佈它的方式。這裏是an example，它添加了一個dom元素而沒有觸發這個問題。

來源

2009-10-20 Michael Haren

沒有容器或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-21 00:39:03

如何讓div在IE6中調整大小？

回答

相關問題