Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/292.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 仅IE 8中的重叠元素_Php_Jquery_Html_Css_Internet Explorer - Fatal编程技术网

Php 仅IE 8中的重叠元素

Php 仅IE 8中的重叠元素,php,jquery,html,css,internet-explorer,Php,Jquery,Html,Css,Internet Explorer,我对这里的数据做了手脚: 页面在这里展示: 基本上,我的分页元素被推到左边,并覆盖在标题的顶部。这只发生在IE8中-在Chrome、FF和Opera中工作良好。我要发疯了,想弄清楚到底出了什么问题。html验证良好 有什么想法吗?快速解决方案: 要使其大致工作,请将分页包装器更改为具有位置:relative,并将ul.paging向右浮动(移除该位置) 您需要将高度添加到head_文本中以包含分页包装(因为paging_包装现在位于流之外,所以其高度不计算在内) 更长的解决方案: 即使有了上

我对这里的数据做了手脚:

页面在这里展示:

基本上,我的分页元素被推到左边,并覆盖在标题的顶部。这只发生在IE8中-在Chrome、FF和Opera中工作良好。我要发疯了,想弄清楚到底出了什么问题。html验证良好

有什么想法吗?

快速解决方案:

要使其大致工作,请将分页包装器更改为具有
位置:relative
,并将ul.paging向右浮动(移除该位置)

您需要将高度添加到
head_文本中
以包含分页包装(因为
paging_包装
现在位于流之外,所以其高度不计算在内)

更长的解决方案:

即使有了上面的修复,您仍然存在一个问题,即长标题无论如何都会重叠,因此我将定义标题的区域/宽度(如果太长,则将其包裹),并限制分页设备的区域(通过限制显示的按钮数量)

快速解决方案:

要使其大致工作,请将分页包装器更改为具有
位置:relative
,并将ul.paging向右浮动(移除该位置)

您需要将高度添加到
head_文本中
以包含分页包装(因为
paging_包装
现在位于流之外,所以其高度不计算在内)

更长的解决方案:


即使有了上面的修复,您仍然存在一个问题,即长标题无论如何都会重叠,因此我将定义标题的区域/宽度(如果太长,则将其包裹),并限制分页设备的区域(通过限制显示的按钮数量)

另一个快速解决方案:为
.paging
CSS类(UL)指定正确的宽度。例如,
220px
的宽度似乎是正确的

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

另一个快速解决方案:为
.paging
CSS类(UL)指定正确的宽度。例如,
220px
的宽度似乎是正确的

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

我认为利用负利润率似乎更重要。在分页包装器和分页LIA上都有一个页边空白顶部。这可能会导致IE中的支持出现一些奇怪的情况。

我认为利用负利润率似乎更像是一个问题。在分页包装器和分页LIA上都有一个页边空白顶部。这可能会导致IE中的支持出现一些奇怪的情况。

IE8:我看到IE7 compat和IE8 compat中的重叠似乎没有问题。你在IE8+compat模式下看到了吗?仅供参考IE8:我看到IE7-compat和IE8-compat中的重叠似乎没有问题。你在IE8+兼容模式下看到了吗?