2012-05-16 47 views
1

我希望別人有一些輸入到這裏發生了什麼。當我在09年的this網站上工作時,我在多個版本的Internet Explorer上測試了它,並且它的工作可以接受,但在IE9中它出現了像this。 (正確的和IE9版本的比較,它應該很明顯,哪個是哪個) 最讓我困惑的是,包含主文本的框似乎已經被複制過了。雖然我在這裏確實有兩個可能造成重複印象的元素,但是我刪除了一個,但它仍然是一樣的。如果高度沒有設置,「textbox」div似乎是造成這個問題的原因,它的效果會更好。那麼它與標題之間可能有100px的縱向差距,但不再重複或低於側邊欄。IE9 Float複製/刪除錯誤?

回答

2

你有一些打破網站佈局的標記問題。例如:

<ul> 
    <li><a href="communityed.html">Community Education and Training</a></li>  
    <li><a href="outreach.html">Outreach</a> <!-- no closing </li> --> 
    <li><a href="cals.html">CLCM Programs</a></li> 
</ul> 

你也忘了關閉的<h1>

<div id="linksline"> 
    <h1>Links 
</div> 

修復這些解決了IE9佈局。

請記住,總是驗證。您可以輕鬆地在IE9中通過按F12然後選擇驗證選項,繼續選擇HTML

enter image description here

0

這是你的錯誤,h1標籤未關閉 線74號

<div id="linksline"> 
    <h1> 
    Links</div>