自动对话框高度

Question

我已经将YUI对话框（也称为Overlay）子类化，使其包含标题，可选工具栏，正文和可选页脚。用户也可以重新调整对话框的大小。

Here is a fiddle证明了这一点，但它的内容如下：

<div class="outer">
  <div class="hd"></div>
  <div class="tb"></div>
  <div class="bd"></div>
  <div class="ft"></div>
</div>

我遵守的规则是：

• 外部最小高度与hd.height相同
• 高度固定
• tb，bd和ft的高度可变
• tb和ft应该换
如果可能，
• tb和ft应完全可见，但费用为bd
• 如果没有足够的空间来显示tb和ft，请在两者之间平均分配剩余空间并隐藏bd
• 如果bd大于包含它的div，则应滚动x / y溢出

我已经以编程方式完成了这项工作但是在IE 7和8中存在一些问题（所有这些都比这里描述的更复杂，填充，边距和边界使问题更加复杂）并且只在最新版本中干净利落地工作Chrome，FF和IE。

但不知怎的，我觉得我错过了一些东西：浏览器有强大的布局引擎，所以我可能只是不太了解CSS和HTML来编写我的代码，以便布局引擎可以完成它的工作。

可以使用一些CSS / HTML魔法来完成吗？