2012-12-17 91 views
-4

該網站是在http://www.educationinterface.com/的fancybox 2.1.3問題:IE和Safari瀏覽器

在左下角鏈接到一個視頻YT的圖像的fancybox。

它工作正常FF &鉻。

在Safari中,視頻右側有額外的空白區域。它通過調整視口大小來糾正自己。

在IE中,視頻很小,窗口在左上角。您可能需要向上滾動才能看到它。

=============

我回來編輯這個職位,以提高其質量。質量差的帖子已經導致我被禁止,所以我正在努力恢復自己!

這裏的fancybox問題是由代碼中的結構性問題引起的,包括頭元素出現在七種聲明的文檔類型之前。我繼承了這個網站和它的代碼,但我仍然應該糾正這個結構,看看是否能解決問題。相反,我採取了簡單的方式出現在這裏。

對不起,夥計們......如果我擺脫禁止名單,我保證會做得更好!

+1

你試圖解決這個問題做了什麼? – runningRhetoric

回答

1

那麼,DOCTYPE應該的第一行你的HTML文檔的但你收到了一堆東西,前面:

<title>Education Interface | Healthcare Industry Web-Enabled Online Training</title> 

<meta name="keywords" content="Education Interface, healthcare, web enabled, online training, learning management system"> 

<meta name="description" content="Education Interface specializes in providing web-enables online learning to the healthcare industry. We provide solutions that include training, a learning management system, and customized content creation. "> 

<style type="text/css"> 
    #errorMessage 
    { 
     color:red; 
     font-size:10; 
     font-weight:bold; 
    } 
</style> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

....實際上是要放在裏面你<head>標籤。

正因爲如此,你的網頁在怪癖模式下運行,因此,在這兩種不正確的樣式格式,Safari和IE(的fancybox需要在標準模式下你的網頁運行正常工作)

有一個名爲工具「驗證器服務「,可以讓你快速找到這些錯誤http://validator.w3.org/check?uri=http://www.educationinterface.com/

+0

我'繼承'了代碼,但應該在嘗試讓某些東西在IE中工作之前修復了結構。謝謝。 –

+0

@WebGuy這是否幫助你解決你的問題?那麼請http://meta.stackexchange.com/a/5235 – JFK