表由於某種原因重疊

Question

由於某種原因，我的<td> s彼此重疊。它不應該這樣做。 我希望中心與目前不在的左欄分開。

任何人都知道我做錯了什麼？這是您可以看到代碼等的網站：http://drudexflash.com/

Answer 1

.MiddleCenterContent的寬度爲100%，迫使它與鄰居重疊。一個更好的方法是使defaultTable寬度100%然後只是定義其他單元格的寬度，並將填寫.MiddleCenterContent。

儘管如此，最好使用<div>標籤進行佈局。有很多關於在互聯網上使用這些方法的教程。

Answer 2

原因是100%的寬度爲.MiddleCenterContent。不要使用表格來構建佈局。表格僅用於表格數據。使用div或其他語義上合適的容器將幫助您防止出現此類問題。

Answer 3

在你的CSS

你有

.MiddleCenterContent { 
width: 100%; 
vertical-align: top; 
} 

只是刪除以下行

width: 100%; 

迫使中心小區爲100％的大，重疊的其他細胞