php - 仅在 IE 8 中重叠元素

Question

我对这里的数据有意见：

http://jsfiddle.net/ktpmm5/Z5z8n/

页面在这里上演：

http://steppingstonez.com/daretorepair/magazines.php

基本上，我的分页元素被推到左边并覆盖在我的标题上方。这仅在 IE 8 中发生 - 在 Chrome、FF 和 Opera 中运行良好。我要疯了，试图找出问题所在。html 验证正常。

有任何想法吗？

Answer 1

另一个快速解决方案：为您的.pagingCSS 类 (UL) 指定正确的宽度。例如，宽度220px似乎是正确的。

.paging {
  ...
  ...
  width: 220px; /* new */
}

Answer 2

快速解决方案：

为了使其大致工作，将分页包装器更改为具有position: relative，并将 ul.paging 向右浮动（删除位置）。

您需要在 中添加高度head_text以包含分页包装器（因为paging_wrapper现在位于流之外，因此它的高度不计算在内）。

更长的解决方案：

即使使用上述修复程序，您仍然会遇到长标题会重叠的问题，因此我将定义标题的区域/宽度（如果太长则使其换行）并限制寻呼设备的区域（通过限制显示的按钮数）。

Answer 3

我认为利用负利润似乎更多是一个问题。您在 paging_wrapper 和 paging li 上都有一个 margin-top。这可能会导致 IE 中的支持有些奇怪。