奇怪的IE7边界行为

时间:2009-12-10 11:26:35

标签: html css internet-explorer

我的网站在所有浏览器中看起来都不错IE7我对这个浏览器有很多问题。以下是我遇到问题的图片:

alt text

我做了一个有IE7问题的分页,边框底部和顶部没有渲染,有谁知道为什么?这是我的css mayber,它会给你提示什么是错的?

div.Pager a {
    display:block:
    float:left;
    padding: 2px 6px;
    border: solid 1px #e6e7e8;
    margin: 0 2px 0 2px;
    text-align:center;
}

div.Pager a:hover {
    background-color:#437FC1;
    border-color:#437FC1;
    color:#fff;
    text-decoration:none;
}

div.Pager{

    display:block;
    overflow: hidden;
    white-space: nowrap;
    padding:6px 0 6px 0;
    margin-top:2px;
}

任何人都有类似的问题,也许是另一种解决方法?基本上在Pager div里面有一些标签,它们是页码的链接。谢谢

更新:

当所有css通过验证时,当替换半列时,会发生以下情况:

alt text

令人惊讶的是ff和IE8中的一切都运行良好甚至没有css有效..当它有效时它在所有这些浏览器中都不起作用它看起来像上面的图片 这里是HTML

<div class="Pager">
<div class="Pager_left">
<span class="light"> Page:</span> 
<span class="current">1</span> 
<a onclick="return Page.goto(10);" href="#">2</a>
<a onclick="return Page.goto(20);" href="#">3</a>
<a onclick="return Page.goto(30);" href="#">4</a>
<a onclick="return Page.goto(40);" href="#">5</a>…
<a onclick="return Page.goto(10);" href="#">»</a>
</div><div class="Pager_right"/></div>

1 个答案:

答案 0 :(得分:3)

首先,您检查过您的CSS / HTML是否有效?

border shorthand syntax应该如下,你在重量前指定样式,它应该是样式前的重量:

border: 1px solid #e6e7e8; /* correct format */

这可能会使IE7进入怪癖模式,可能会导致您的问题。

此处您的代码也没有正确终止您的选择,而是使用分号。

display:block: /* look here, you need a ; */
相关问题