DIVs重疊。需要移動它，所以他們不

Question

基本上標題說什麼。儘管任何污染物的間距都需要相同。我試圖用CSS來做，但是在不同的分辨率下，它會有一些變化。不管你怎麼做（javascript，css，html），只要它有效。

您可以查看我在here上發佈問題的網站。

Answer 1

如果錯誤是致命錯誤。檢查代碼。在頂部位，然後做這個

變化

#newscontent { 
top: 4px; 
left: 14%; 
position: fixed; 
} 

到

#newscontent { 
top: 4px; 
left: 18%; //CHANGE HERE 
position: fixed; 
} 

這將使文本從重疊最新消息位，至少要等到頁面縮小較小比BB。

更好的做法是製作#newscontent a span並將其放置在#news div之內，因此無論屏幕大小如何，都不會有重疊或分離。

Answer 2

只（如果需要）#topbar應定位絕對的，孩子的div可以有浮動左緣/填充右

Answer 3

好了，底線是你不想解決這個使用絕對或固定定位左偏移百分比。這種方法會根據屏幕分辨率和文本長度而失敗。更好的方法是浮動項目，如果需要的話，這將允許他們將下一個元素「推」到右側。試試這個：

首先，刪除您的所有CSS爲您的#serverstats,#news和#newscontent選擇器。

其次，在所有這三個div的，加一個menu-item類：

<div id="serverstats" class="menu-item">...</div> 
<div id="news" class="menu-item">...</div> 
<div id="newscontent" class="menu-item">...</div> 

三，以下CSS添加到您的樣式表：

.menu-item { 
    float: left; 
    font: bold 120% Arial,Helvetica,sans-serif; 
    margin-left: 15px; 
    padding-top: 3px; 
    text-decoration: none; 
}