2009-12-10 73 views
1

我的网站在所有浏览器中都可以正常使用IE7我对此浏览器有很多问题。下面是我有问题的图像:奇怪的IE7边框行为

alt text http://i45.tinypic.com/dvmwc0.gif

我做这与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里面有一些标签是链接到页码的。谢谢

UPDATE:

这里,当半支柱更换时,所有的CSS已经通过验证的结果:,

alt text http://i48.tinypic.com/fc6uqd.gif

其令人惊讶的是一切正常的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> 
+0

为什么我的回答未被接受? – 2009-12-10 14:28:11

+0

我上传了一张新照片..发生了什么和解释..下面在我的文章更新 – 2009-12-10 14:44:55

+0

正确的,不要认为这是因为它的验证失败,你的代码需要更多的工作才能100%,你能发布您的分页HTML。 – 2009-12-10 14:46:48

回答

3

首先你检查了你的CSS/HTML是否有效?

border shorthand syntax应该如下,你体重前指定的风格,应该是重风格前:

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

这可以发送到IE7怪癖模式,可能导致您的问题。

此外,您的代码在这里不会正确终止您的选择器,而是使用分号。

display:block: /* look here, you need a ; */ 
+0

没有变化,不管它是哪一个去首先它仍然是相同的 – 2009-12-10 11:42:18

+0

好吧,你是否应用了第二个改变,在你的'display:block:'行中添加';'而不是':'? – 2009-12-10 11:45:06

+0

就是这样,竖起大拇指! – 2009-12-10 11:49:00