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

时间:2010-08-31 04:39:39

标签: css

我有一个页面设计,我正在尝试使用标题(菜单栏)并在其下面使用css中的静态宽度的div。 这个div包含两个div - #contentArea和#menuArea,每个div都有一个页眉,中间和页脚(页眉和页脚有背景图像,而中间符合内容)。

我已经应用了float:left并将静态宽度更正为#contentArea和#menuArea,效果很好,但我想强制这两个高度相同。我看了内联/内联块解决方案,但这些似乎给IE6 / 7带来了很多麻烦。不幸的是,这种设计需要合理地(不一定完美地)显示回IE6 / FF3。

我在http://home.theevilpenguin.org/c-Help/Index

上放了一个简单的页面,展示了我在家庭服务器上所做的事情。

任何人都可以推荐一种方法来实现这个或者需要研究的东西吗?

由于

1 个答案:

答案 0 :(得分:1)

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