隨着窗口尺寸減小，邊距減少

我正在嘗試創建類似於yahoo.com的東西，其中內容位於中間位置，郊外有一個灰色邊距（或者至少看起來像一個邊距，不確定它是否是填充）。我成功了，但是當頁面被用戶調整大小時，我希望這個頁邊距可以像在yahoo.com上一樣減小，但不會減小（轉到www.yahoo.com並調整頁面大小並調整頁邊距）。任何人都知道如何讓這個邊際減少？隨着窗口尺寸減小，邊距減少

body 
{ 
    font-family: "Lucida Grande", "Lucida Sans"; 
    background-color: #525252; 
    text-align: center; 
    margin-left: 150px; 
    margin-right: 150px; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    min-width: 650px; 
    min-height: 685px; 
    color: #00008B;  
} 

table 
{ 
    margin:0; 
    padding: 0px 2px; 
    border-spacing: 0; /* remove the spacing between the borders. */ 
    width: 950px; 
    height: 685px; 
    background-color: #C1CDC1; 
}

來源

2011-12-05 D. Rattansingh

關鍵是你的身體標記的內容中創建固定寬度的div容器和邊距設置爲自動。

body { 
text-align: center; 
} 
div#container { 
width: 960px; 
text-align: left; 
margin: 0 auto 
}

我還可以推薦螢火蟲或類似的東西作爲一個有用的工具來檢查，除其他之外，網站的CSS和HTML？

來源

2011-12-05 12:52:05 renevanderark

我也不得不放在身體：margin-left：auto; margin-right：auto;不知道爲什麼，但當我做到了，它完美的工作。 –

你的身體改變風格：

body { 
    font-family: "Lucida Grande", "Lucida Sans"; 
    background-color: #525252; 
    text-align: center; 
    margin: 0px auto 0px auto; 
    width: 650px; 
    min-height: 685px; 
    color: #00008B;  
}

來源

2011-12-05 12:42:59 SpaceBeers

隨着窗口尺寸減小，邊距減少

回答

相關問題