2011-08-18 62 views
1

我是一名大學生,剛剛建立了我的第一個實習網站。我們正在接近該網站的推出,但是在我的調試過程中,我發現在所有地方,它不適用於我老闆的機器和瀏覽器組合。她使用Vista操作系統和Internet Explorer 7作爲瀏覽器。我知道IE7已經過時了,但根據broswershots.org,IE7仍然會使該網站在XP操作系統上基本正確。網站在老闆的電腦/瀏覽器上沒有正確渲染,但所有其他人似乎工作正常。幫幫我?

該網站的主要頁面訪問here

這裏有什麼用VISTA/IE7組合發生截圖:

http://imgur.com/a/DB0s6

http://imgur.com/a/DB0s6

請讓我知道你想想,因爲任何想法都會非常有幫助。謝謝!

+0

如果您的老闆電腦上的窗口沒有最大化,這是否會有所不同?在老闆的電腦上更改屏幕分辨率是否會使其顯示正確?您的老闆是否與您的計算機上的瀏覽器設置相比有不同尋常的瀏覽器設置?在你的機器上使用Firefox,或者你的老闆的電腦上遇到同樣的問題?這可能會指向你正確的方向。 –

+0

我會把代碼轉到codereview.stackexchange.com – rickyduck

+0

不是沒有什麼意思,但問題可能是你的代碼佈局明智的核心。如果沒有設置高度,該綠色框應該能夠容納所有文本。設置高度爲自動應該解決這個問題,然後你應該使用填充等來從文本等框的空間邊界。我也幾乎會說同樣的導航(雖然寬度),但可能有很多其他的東西錯了 –

回答

0

「IE7仍然會使該網站大部分正確」

不幸的是,沒有。 IE瀏覽器在濫用和忽略Web標準方面有着悠久的歷史。 IE6因此而臭名昭着。 IE7很痛苦。 IE8一個無賴和IE9現在大多隻是一個小小的煩惱。

底線是,你可能有IE7的錯誤出現。這不一定代表糟糕的標記或CSS,而只是IE7的問題。

典型的解決方案是使用IE條件註釋來爲BODY標籤呈現唯一的類名稱。然後,您可以過騎標準的CSS只是IE7的一個特定版本,以彎曲成提交:

<!--[if !IE]> --> 
    <body> 
<!--<![endif]--> 
<!--[if gt IE 8]> 
    <body id="IE9"> 
<![endif]--> 
<!--[if IE 8]> 
    <body id="IE8"> 
<![endif]--> 
<!--[if IE 7]> 
    <body id="IE7"> 
<![endif]--> 
<!--[if lt IE 7]> 
    <body id="IE6"> 
<![endif]--> 

然後在你的CSS,你可以這樣做:

.myClass {...standard styles...} 
#IE7 .myClass {...ugly hack just for IE7...} 
#IE6 .myClass {...ugly hack just for IE6...} 
+0

感謝您的回覆。請原諒我的困惑,但我不完全確定你的意思是在這裏......我是否需要重新整理一個僅用於IE7(/可能是每個IE版本)的網站的「翻譯」? – user900800

+0

另外,上面的代碼是如何工作的?我從來沒有將條件語句編程爲html – user900800

+0

在每個版本的IE中通常會遇到一些問題,您將不得不處理這些問題。您不需要重置每一個CSS樣式聲明......希望只是其中的一小部分。至於上面的代碼,它可以工作,因爲IE支持它。普通的瀏覽器只有'',但如果它是IE的一個版本,則可以使用適當的類名稱來呈現替代主體標記之一。 –

0

在老闆的瀏覽器,請轉到工具,Internet選項,Accessiblity。

她可能會選中覆蓋字體設置的複選框。

+0

感謝您的回覆,不幸的是這不是問題。 :/ – user900800

相關問題