Question

这是我的标记（ live 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的宽度修改为窗口宽度（不是内容）的最佳方法是什么？

注意：可能有一个比datepicker更简单的例子 - 可能是不涉及jQuery的东西 - 这只是触发我的东西，所以我就是这样发布的。这里是an example添加dom元素而不会触发此问题。

Answer 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解决方案......如果你有，请发布它！

如何防止div在IE6中调整大小？

1 个答案: