使div和內容固定在更改屏幕分辨率

Question

我正在設計一個網站，但面臨一個主要問題。問題在於，我的當前解決方案網站看起來很好。但只要我開始放大或縮小（ctrl + +，ctrl + - ）在我的瀏覽器上，頁眉和頁腳中的內容開始移動。

即使頁面放大或縮小，我也希望導航項目和頁腳內容保持其位置。

任何幫助將不勝感激。 CSS很簡單，因此找出問題並不麻煩。 這裏是網址：http://verdiensamen.nl/TestingSoccer/

Answer 1

設置容器的具體寬度。像這樣

#container { 
    min-width: 800px; 
    margin: 0 auto; 
    margin-top: 1%; 
    } 

它會解決你的問題。

Answer 2

絕對遵循Syed Mohsin的建議來指定容器寬度。另外，您可能需要在#container元素上應用display:block;。這將防止盒子寬度變化。