固定宽度的CSS浮动2列布局相等的高度问题

我有一个页面设计我试图实现一个标题（菜单栏），并在CSS下的静态宽度的div。这个div包含两个div - #contentArea和#menuArea，其中每个都有一个页眉，中间和页脚（页眉和页脚有中间适合内容的背景图片）。固定宽度的CSS浮动2列布局相等的高度问题

我已经将float：left和正确的静态宽度应用到了#contentArea和#menuArea，这很好，但我想强制这两个高度相同。我期待内联/内联块解决方案，但这些对IE6/7来说似乎造成了很多麻烦。不幸的是，这种设计需要合理地（不一定完美）显示回IE6/FF3。

我已经把一个简单的页面展示我在http://home.theevilpenguin.org/c-Help/Index做我的主服务器上什么

谁能推荐一个方法来做到这一点或某事寻找到？

感谢

你可以尝试在pageMenuArea DIV设置属性height: 100%;。这应该使它与包含div pageBody的高度相同。

2010-08-31 04:51:20 radman

不幸的是，由于#pageBodyBody的所有子代均已浮动，因此#pageBody没有任何可供#pageMenuArea继承的高度。如果我能得到一个内联类型的解决方案，这可能会起作用。 – TheEvilPenguin 2010-08-31 05:07:32

我已经想通了 - 我给pageMenuArea的位置：绝对和顶部，底部和右侧的值和高度：100％。这似乎已经做了一些调整底部价值的伎俩。 – TheEvilPenguin 2010-08-31 05:46:37

回答