IE7和IE8的瀏覽器兼容性

我正在開發一個項目，其中我特別使用帶主題的CSS。我面臨着IE7和IE8之間的兼容性問題。我在<div>的頁面上放置了一個ASP.Net菜單。在div上應用CSS樣式如下。IE7和IE8的瀏覽器兼容性

.TopMenuPanel 
{ 
background-color:#3783a9; 
position:relative; 
left:597px; 
top:0px; 
width:573px; 
height:24px; 
text-align:left center; 
}

當我在IE7上看到頁面時，菜單顯示在一個位置，而在IE8中顯示在另一個位置。在IE7中，具體談論左側位置：597px頂部：0px它顯示在半頁之前，在IE8中顯示在半頁之後。

其他人有任何這樣的問題的經驗，那麼請給我關於這個問題的專家解決方案。

2010-05-11 Kamlesh

如果你知道你的代碼在IE7你可以強制IE8瀏覽器使用IE7標準由包括內部

<meta http-equiv="X-UA-Compatible" content="IE=7">

IE 8以下標籤的行爲完全像IE7

2010-05-11 14:33:54 Kasturi

謝謝，它的工作原理，但它會在fireFox和safari上工作。 – Kamlesh 2010-05-11 14:41:32

我檢查了fireFox，但它給我帶來了同樣的問題，因爲我面臨着IE7和IE8之間的兼容性問題。 – Kamlesh 2010-05-11 14:58:08

你必須把firefox和IE作爲獨立的實體。我認爲你最有可能以兩種不同的造型規則結束..一個用於IE ...其他用於其他.. – Kasturi 2010-05-11 15:01:58

請確保您有文檔頂部的標準DOCTYPE。 IE7將以怪異模式運行，而不使用DOCTYPE，但IE8將在標準模式下運行，無論默認情況如何。

試試這個：

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

請記住，這必須是文件的第一行中，<HTML>標籤之前。

2010-05-11 14:34:46 David

謝謝David先生。但是這個聲明已經寫在頁面裏了。 – Kamlesh 2010-05-11 14:44:38

位置：相對本身並不意味着什麼。位置：相對應應用於div的父項。你應該把位置：絕對，而不是相對。

2010-05-11 14:37:17

回答