2012-04-11 137 views
2

我一直在爲大學的PHP項目工作,因爲我在PHP垃圾我已經離開了設計非常簡單,所以我可以專注於事物的編程方面。現在編程正在工作我正在設計這個項目。該網站在Chrome和其他webkit瀏覽器中看起來很好,但在IE9中看起來很糟糕。主要問題是...黑客使IE瀏覽器像其他瀏覽器一樣顯示

1 - 背景圖像將div擴展爲完整圖像大小,而在webkit中只填充div大小。

2 - 內容不居中,而是左移。

有誰知道任何腳本/黑客我可以用來讓IE像其他瀏覽器一樣執行?我現在唯一使用的是Modernizr。

如果有幫助,你可以在這裏看看網站 - http://newmedia.leeds.ac.uk/ug10/cs10cwh/pod/index.php

+0

只要獲取瀏覽器名稱,並執行'die();'語句,如果瀏覽器是IE瀏覽器。 :P – hjpotter92 2012-04-11 16:07:02

回答

4

Modernizr可以提供幫助,特別是如果您使用html5和css3等更新的東西。另一個可以幫助的是樣板代碼,我個人喜歡html5reset

從這個特別的事情會幫助你很多:如果我在IE瀏覽你的網站它說它進入怪癖模式,使IE7,8和9的行爲......好......古怪: )將下列元標記你的頭部分,以提高事情IE:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

你可以看到「瀏覽器模式」和「文件模式」 IE被撫養開發人員工具欄中運行中(F12),你可以暫時爲你的瀏覽會話調整它,看看如果文檔模式是「IE9標準」會發生什麼。


一個簡短的更新。您也可以嘗試使用w3 validator。一個它給我的錯誤,爲您的網站:

Line 1, Column 15: Comments seen before doctype. Internet Explorer will 
go into the quirks mode. 

也有在未關閉的標籤,它可以甩開渲染了一些錯誤。

+1

我注意到您的結尾''標籤位置錯誤,導致這些未封閉的標籤錯誤。修復這些將有很大幫助。 – 2012-04-11 16:23:03

+0

謝謝Jeroen的好建議。首先驗證它,看看它的外觀,然後我會給meta標籤一個鏡頭。 – GuerillaRadio 2012-04-11 16:29:34

+2

就像你指出的那樣,doctype之前的註釋會進入IE進入怪異模式。改變這一點已經推動我的設計回到現在的正常位置:)現在只是爲了擺脫恐怖的IE鏈接邊界。 – GuerillaRadio 2012-04-11 16:38:39

2

我們做的是使用一個單獨的CSS的IE版本,並在我們確定的瀏覽器,包括根目錄中的CSS

因此包含正常CSS的所有瀏覽器和IE瀏覽器版本包括特定.css文件覆蓋主樣式表的必要方。

編輯:和Jeroen說的一樣,強制IE在其真實模式下渲染,而不是一些兼容或怪癖的東西。

相關問題