HTML 元素仅在 IE 7 中重叠答案

【问题标题】：HTML elements overlap in IE 7 ONLYHTML 元素仅在 IE 7 中重叠
【发布时间】：2014-01-14 14:43:14
【问题描述】：

我有一个页面在除 IE 7 之外的所有浏览器中看起来都很棒，其中中心的表格与下面的灰色部分重叠。为了页面之间的连续性，我在中心部分有一个固定的高度，因此需要保持原位。

http://www.bikramyoga.cz/rozvrh.htm

我尝试添加最小高度、最大高度等、!important 声明等，但似乎没有任何东西可以将表格保留在 510px 容器内。

【问题讨论】：

欢迎来到IE的精彩世界。做那些糟糕的 IE Web 开发人员所做的事情，并把“在 IE 中看起来最差”
您可以尝试添加条件注释，这样如果 IE7 将您的页脚框向下推。我知道这是一种解决方法，但是.. 它是 IE :)

标签： html internet-explorer-7 internet-explorer-6

【解决方案1】：

我遇到过几次这个问题。尝试添加：

<div style="clear: both;"></div>

紧接着：

<ul id="legend">
<li><img class="rozvrh" src="img/dot.png" alt="czech class">&#268;esk&#225; lekce</li>
<li><img class="rozvrh" src="img/box.png" alt="english class">Anglick&#225; lekce</li>
<li><img class="rozvrh" src="img/dud.png" alt="babysitting">&#268;esk&#225; lekce s hl&#237;d&#225;n&#237;m d&#283;t&#237;</li>
</ul>
</div>

【讨论】：