我的個人網頁（在http://ralphemlynmorgan.com）按計劃在IE中顯示，但按鈕標籤在Chrome中略有偏移，並且使用Firefox查看時頁面佈局完全錯誤。任何建議，以簡單的修改，以解決這個問題（或如何實現設計元素定位的方式適用於所有瀏覽器），將不勝感激。 ;）從HTML驗證錯誤消息，我認爲這是'跨'不允許範圍內的事情？如何修復Firefox中的span/div問題（在IE中顯示爲通緝令）並調整Chrome中的錯位？
首先，nav中的<p>元素不應該有大的邊距。通過margin: 0進行更改。是的，<p>裏面<span>是壞的。嘗試使用<div>代替。
並將#centroid更改爲position: absolute以解決Firefox中的問題。
Firefox和Chrome中的不對齊是由於頁面中所有圖像和按鈕元素的絕對定位。 <span>是一個內聯元素。一般而言，我們不包含<span>元素中的任何其他元素。
全部替換<span>元素，其中<p>元素裏面有<div>元素，並嘗試刪除絕對定位。
用於導航更好地使用ul li 並且是「將#centroid更改爲position：absolute以解決Firefox中的問題。」