html - CSS/HTML IE 7 问题

Question

我在 IE 7 中无法正常工作，但在所有其他浏览器中都可以正常工作，但是如果你看一下 http://jamessuske.com/thornwood2/在 IE 7 中，您会注意到 topCotent 和 contentArea 之间的两个间隙以及 contentArea 和 contentBottom 之间的另一个间隙。

不知道如何解决这个问题。

HTML代码

<div class="topContent">
<img src="images/top.gif" width="1009" height="37" border="0" />
</div><!--topContent-->

<div class="leftContent">
<img src="images/leftSide.gif" width="48" height="494" border="0" />
</div><!--leftContent-->

<div class="contentArea">

</div><!--contentArea-->

<div class="rightContent">
<img src="images/rightSide.gif" width="49" height="494" border="0" />
</div><!--rightContent-->

<div class="bottomContent">
<img src="images/bottom.gif" width="1009" height="39" border="0" />
</div><!--bottomContent-->

CSS 代码

.topContent{
width:1009px;
}

.leftContent{
float:left;
}

.contentArea{
background:#FFF;
width:912px;
min-height:494px;
float:left;
}

.rightContent{
float:right;
}

.bottomContent{
width:1009px;
}

Answer 1

如下所示将高度添加到类中，这将解决您的 IE7 问题

.topContent{
  width:1009px;
  *height:37px;
}

.leftContent{
  float:left;
  *height:494px;
}


.rightContent{
  float:right;
  *height:494px;
}