2011-10-19 46 views
0

我的網站在Firefox(火狐4或7),似乎沒有什麼不工作,甚至沒有替代內容Flash網站漏洞與Firefox和IE9(但IE6的作品!)

與IE9,問題是內容被壓縮在頁面的頂部...(但它適用於IE6!)

和HTML是:

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <title></title> 

     <link rel="stylesheet" type="text/css" media="all" href="style.css" /> 
     <script type="text/javascript" src="jquery-1.5.1.min.js"></script> 
     <script type="text/javascript" src="jq.js"></script> 
     <script type="text/javascript" src="swfobject.js"></script> 
     <script type="text/javascript"> 
      swfobject.registerObject("myId", "9.0.115", "expressInstall.swf"); 
     </script> 
    </head> 
    <body> 

    <div id="flash"> 

    <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"> 
     <param name="movie" value="ombre.swf" /> 
     <!--[if !IE]>--> 
     <object type="application/x-shockwave-flash" data="ombre.swf" width="100%" height="100%"> 
     <!--<![endif]--> 
      <p>alternative content</p> 
     <!--[if !IE]>--> 
     </object> 
     <!--<![endif]--> 
     </object> 

     </div> 

    </body> 
    </head> 
</html> 

和CSS:

body { 
    width:100%; height:100%; margin:0; background:white; overflow:hidden; 
} 

它似乎是「高度」設置爲100%的問題,但我還能放什麼?該網站適用於Chrome,Safari瀏覽器,IE6 ...

感謝

回答

2

由於您使用SWFObject你爲什麼不使用它做你的實際嵌入
你會發現下面的代碼示例要多得多瀏覽器兼容。

<script type="text/javascript" src="swfobject.js"></script> 
<script type="text/javascript"> 
    function loaded() { 
    var flashvars={}, params={}, attributes={}, tmp, version, width, height, container, flashObj; 

    flashvars.UserId = "23061"; 

    params.menu = "true"; 
    params.quality = "high"; 
    params.bgcolor = "#869ca7"; 
    params.allowscriptaccess = "always"; 
    params.allownetworking = "all"; 

    attributes.id = "myId"; 
    attributes.name = "myId"; 
    attributes.align = "middle"; 
    attributes.allowscriptaccess = "always"; 
    attributes.allownetworking = "all"; 

    tmp = "expressInstall.swf"; 
    version = "9.0.115"; 
    width = "100%"; 
    height = "100%"; 
    container = "replaceMe"; 
    flashObj = "myId.swf"; 

    swfobject.embedSWF(flashObj, container, width, height, version, tmp, flashvars, params, attributes); 
    } 

</script> 

    <body onLoad="loaded()" > 
    <div id="replaceMe">Loading content.</div> 
    </body> 

[編輯]
嘗試了這一點

<style> 
html, body{ 
    width:100%; 
    height:100%; 
    margin:0; 
    background:white; 
    overflow:hidden; 
} 
</style> 
+0

謝謝我真的很感謝你的幫助,我用你的代碼更新了我的index.html,它仍然適用於其他瀏覽器,但不是在Firefox上(我現在有最後一個版本,第7版)。你能用螢火蟲看看我的網址嗎?同樣對於ie9,我已經將我的內容「壓縮」在頂部,並且我發現我在Chrome,Safari等上也有同樣的事情,如果我在index.html中「評論」「css」行:if我刪除了評論,並讓CSS線,它工作正常,除了ie9 ...任何想法?非常感謝 – Paul

+1

我在這裏有FF7,並且我在測試頁面內嵌了你的身體風格設置而且我沒有任何問題,所以我根本不認爲它。我認爲你應該嘗試做同樣的事情。根本不加載任何CCS頁面。添加我發佈的代碼並運行它,看看會發生什麼。我認爲你有一個風格的地方是重寫CSS我似乎不能用螢火蟲找到它。 –

+0

哦,男人!我在2個不同的論壇上提出這個問題,但沒有答案!你是主人!非常感謝,這樣的解脫,非常感謝! ;-)編輯:是的,我沒有嘗試ie9,因爲我現在不在PC上,但它在Firefox上工作,我希望這將在ie9上做同樣的事情!;-)我會盡我所能,謝謝你! – Paul

2

我最近有同樣的問題,我已經設置高度和寬度爲100%和Firefox不會顯示IE9將壓扁瑞士法郎到頁面頂部的高度:100px什麼的。我使用JavaScript修正了它,實際上是jQuery(僅僅因爲它是可用的):

基本上FF在你放大尺寸時不喜歡%值,而IE9有不同的問題。如果您添加了靜態值,則不會有問題。但我們不希望靜態值呢?

無論如何,我通過告訴JavaScript爲我寫Flash標籤並根據屏幕大小插入靜態值來解決我的問題。

<script type="text/javascript"> 
    document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="' + $(window).width() + '" height="' + Math.round(($(window).width()*11)/24) + '" id="YourMovieID" align="middle"> 
    <param name="movie" value="YourMovie.swf"/> 
    <param name="wmode" value="opaque" /> 
    <param name="scale" value="exactfit" /> 
    <!--[if !IE]>--> 
    <object type="application/x-shockwave-flash" data="YourMovie.swf" width="' + $(window).width() + '" height="' + Math.round(($(window).width()*11)/24) + '" > 
    <param name="movie" value="YourMovie.swf"/> 
    <param name="wmode" value="opaque" /> 
    <param name="scale" value="exactfit" /> 
    <!--<![endif]--> 
    <!--[if !IE]>--></object> 
    <!--<![endif]--> 
    </object>') 
    </script> 

我以前$(window).width()得到屏幕的寬度,然後Math.round(($(window).width()*11)/24)因爲我的電影的比例分別爲24X11。

再次,這是我的jQ解決方案,因爲它是可用的,你可以使用screen.width來獲得它。您可能不得不將所有內容壓縮到一行,儘管我只是將它分開,以便您可以看到發生了什麼。

相關問題