2009-12-10 127 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