2011-08-11 52 views
2

用文字解釋它有點奇怪。我工作的網站的頁腳在除IE7以外的大多數瀏覽器上看起來都不錯。下面的截圖會給你這個想法。Internet Explorer 7中的頁腳顯示問題

IE8/FF/Chrome

IE7(移動半個屏幕右側)

頁腳有以下CSS。當我刪除CSS時,它顯示正常。

#footer-holder 
{ 
    clear: both; 
    width: 100%; 
    position: fixed; 
    bottom: 0px; 
    *border: none; 
    z-index: 10000; 
    height: 30px; 
    /* For WebKit */ 
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.1)), to(rgba(0,100,255,0.70))); 
    /* For Mozilla */ 
    background: -moz-linear-gradient(top, rgba(255,255,255,0.1), rgba(0,100,255,0.70)); 
    /* For lt IE8 */ 
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#01FFFFFF, EndColorStr=#A50064FF); 
    /* For gt IE8 */ 
    background: -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr=#01FFFFFF, EndColorStr=#A50064FF)"; 
} 

我很累使它與IE7兼容。任何想法可能會導致這個問題?

回答

1

解決了這個問題。我不得不提left: 0px;。現在它在IE7上看起來很棒。 :)

0

嘗試<!DOCTYPE html>在HTML的頂部..

+0

它已經存在 – Bongs

0

刪除*旁邊*border: none;

+0

它沒有工作:( – Bongs

+0

你可以發佈一個鏈接到頁面嗎? – marissajmc

+0

我正在使用localhost。網絡產品尚未啓動對不起,我無法提供給你該鏈接,但問題已解決,我發佈了答案。:)謝謝 – Bongs