我的一些頁面看起來搞砸了IE

我一直在建設這個網站，我正在接近完成。所以我決定在IE和Firefox中檢查它（我使用的是Chrome）該網站在Chrome和FireFox中看起來很棒，但是其中一些頁面在Internet Explorer中搞砸了！我的一些頁面看起來搞砸了IE

這會導致什麼？我知道我聽說有人說IE總是出問題，但大多數人使用IE，而且我得到報酬來爲大衆製作網站。

有人請幫忙!!

這裏是測試環節： http://graves-incorporated.com/test_sites/solera_new/index.html

來源

2011-11-17 Dan Graves

經進一步檢查消防福克斯是出問題了。滾動條不起作用，「菜單」頁面如何整個div被移動下來？ –

對我很好。 IE8，FF8。 –

該網站呈現良好，但FF8中菜單頁面上的滾動條對我無效。 –

只需添加一個Doctype即可。由於沒有DOCTYPE聲明，IE以奇怪模式呈現站點。在IE 7,8,9模式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" dir="ltr" lang="en-US">

來源

2011-11-17 09:58:20

這對大多數人來說很有效。由於某種原因，它撞上了「菜單頁面」......爲什麼會這樣？ –

沒有得到這個：「顛倒菜單頁面」？請詳細說明，如果能夠顯示描述差異的截圖，請詳細說明 –

我剛剛檢查了IE8的鏈接，我看不到任何明顯的「爛攤子UPS」。如果您正在設計早期版本的IE，那麼您需要記住並非所有的CSS屬性都可以在IE中使用，或者不像其他瀏覽器那樣。

This link給出了每個IE版本支持的CSS功能的詳細列表。

設計您的網站時也值得看看progressive enhancement。

很明顯，如果沒有更多的細節，很難給出具體的答案（請看FAQ以備將來的問題），但是現在你應該可以繼續朝着正確的方向前進。

來源

2011-11-17 09:57:56

看時，你可能會需要使用不同的stylesheets對於那些有問題的瀏覽器其餘一切似乎確定。

請閱讀這篇文章關於How to Use Different CSS Style Sheets For Different Browsers

希望這有助於

來源

2011-11-17 09:58:34

不同的瀏覽器有不同的渲染引擎和規則。這可能會導致相同的標記在不同的瀏覽器中呈現不同的效果。

我會建議指定一個DOCTYPE，因爲它看起來像你還沒有添加一個，這將阻止IE渲染在怪癖模式。

其他指導方針是僅使用CSS的純語義標記和樣式。

並定期檢查您的網站在其他瀏覽器！

來源

2011-11-17 10:00:34 Fermin

添加此：

<!doctype html>

要在文檔的頂部將幫助IE渲染最佳的文件模式。此外，你可以在這個元標記添加到您的head部分：

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

這將使得IE7，8和9呈現的網站在它提供的最先進的渲染引擎。

IE6是完全不同的故事，如果你想支持它完全準備好幾個小時的調整：D。如果你想更深入的潛水，我可以推薦在看看這兩個網站，以及：

來源

2011-11-17 10:09:20 Jeroen

我的一些頁面看起來搞砸了IE

回答

相關問題