網站在IE中無法正確呈現

此頁面在Internet Explorer中顯示不正確，但在其他瀏覽器中正常顯示。任何想法，將不勝感激。我不確定我是否應該粘貼這個CSS，因爲它可以通過firefox工具查看。但是，如果有人要求，我會發布它。網站在IE中無法正確呈現

這是網頁：

http://www.enjoyislam.net/adult.html

來源

2010-09-05 bkarj

哎呀！音樂！它燒了！（我會在IE瀏覽一下，但認真的說，音樂不是一個好主意）。 – 2010-09-05 15:56:52

音樂自動播放= -1。 – 2010-09-05 15:59:58

我現在拿出了自動播放器，但客戶已經提出要求。我同意這是一個壞主意。請收回否決票。 – bkarj 2010-09-05 16:04:58

您正在使用IE8僅支持XHTML 1.0「嚴格」或「過渡」模式的CSS功能。把這一行在adult.html的頂部（上述<HTML>）和所有將被罰款：

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

這也將工作：

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

更多有關這些模式和他們的信息在IE（以及其他瀏覽器）的影響是在這裏：

http://www.quirksmode.org/css/quirksmode.html

（如有問題僅限於網頁設計，並沒有涉及到服務器的配置，你可能會在Doctype獲得更有針對性的反應。）

來源

2010-09-05 16:37:25 danorton

我不能相信這是如此簡單！謝謝 – bkarj 2010-09-05 17:58:43

在IE瀏覽器的問題是，它的操控性的事實，你的內容是不是容器的規定寬度。您給容器1000px的空間，但是在左列的550px，右列的449px，和左列兩側的填充15px之間，您的寬度大於1000px。一看就知道這是問題，改變

#eb_right_column { 
    height:800px; 
    width:449px; 
    background-image:url(images/beginner_pic.jpg); 
    background-repeat:no-repeat; 

    float:left; 
}

到

#eb_right_column { 
    height:800px; 
    width:409px; 
    background-image:url(images/beginner_pic.jpg); 
    background-repeat:no-repeat; 

    float:left; 
}

顯然，這並不在這一點上適當地配合，但是這證明這個問題。根據需要使用寬度以根據您的規格獲得視覺設計。

來源

2010-09-05 16:12:18

網站在IE中無法正確呈現

回答

相關問題