IE呈現問題

我一直在爲我的學校網站開發網站模板。我完成了所有必要的開發，但現在已經注意到一個問題。在IE中打開網站時，它不會像在Chrome或Firefox中加載時那樣對齊所有內容。我猜測有一些CSS屬性沒有被IE正確處理（這個問題在寬屏顯示器上更爲明顯）。IE呈現問題

我在這裏上傳模板：http://test.victoriaparkci.com/tpl2/

CSS是在這裏：http://test.victoriaparkci.com/tpl2/style.css

我將如何解決這個問題？感謝您的幫助。

來源

2011-09-24 cssplant

什麼版本的IE，你有在問題？ @zzzzBov弱評論。 – albert

IE的所有版本都有問題（儘管我不希望IE9能夠這樣做）。 @zzzzBov我已經在網上開發......只是在這次使用的風格上遇到問題。 – cssplant

根據Adobe BrowserLab，它在6,7,8和9中出現問題。 –

取下DOCTYPE Element上述內容，頁面應該有DOCTYPE開始

此內容：

<!--VICTORIA PARK COLLEGIATE INSTITUTE SCHOOL WEBSITE 

All of this website's material and content is owned by the administration of 

    Victoria Park C.I., 15 Wallingford Rd, North York, ON, Canada. 

Prior permission must be obtained before use, modification or replication of this website's code or content.-->

來源

2011-09-24 18:42:04 Sanooj

您應該移動註釋的原因是因爲DOCTYPE之前的註釋導致IE以[Quirks模式呈現]（http://stackoverflow.com/questions/941100/can-html-comments-appear-before-the-doctype-聲明/ 4897850＃4897850）。 –

+1：這是正確的答案。對@ Cheran的評論也是+1，這就解釋了爲什麼它是正確的答案（這是真的應該在答案中作出的一點） – Spudley

感謝大家的幫助！這也解釋了爲什麼模板在早期階段工作！ IE真的需要開始關注瀏覽器羣... – cssplant

我注意到內容div無法擴展body_right的長度。嘗試將內容DIV浮動到左側。

#content { 
    float:left; 
    margin: 20px 0 0 0; 
    background:#FFFFFF; 
    border:1px solid #ececec; 
    padding: 0 10px 30px 5px; 
    overflow:hidden; 
}

根據我的經驗，通常DIV不會擴展到其內容長度，因爲它不會浮動。

來源

2011-09-24 18:27:01

IE呈現問題

回答

相關問題