包裝不要從上到下

Question

好吧，我放棄了 - 我無法解決它;包裝似乎從頂部到底部，而我希望它在頂部和底部留下一個空白，所以背景出現。我似乎無法解決這個問題。對此我非常新手。任何幫助&的想法非常歡迎。

代碼

body { 
     background: #ffffff url(bgfin.jpg) repeat; 
     font-family: Tahoma,arial, sans-serif; 
     font-size:12px; 
     color:#666666; 
     height: 100%; 
     margin:0; 
     padding:0; 
    } 

    #wrapper { 
     background: url(body-line.png) center repeat-y; 
     padding-top: 65px; 
     padding-bottom: 65px; 
    } 

    #wrappertop{ 
     background: url(header.png) top center no-repeat; 

    } 

    #wrappertbtm{ 
     background: url(footer-new.png) bottom center no-repeat; 
     padding-bottom: 65px; 
    } 

    #container{ 
     width: 959px; 
     margin: 0 auto; 
    } 

    .title{ 
     width: 959px; 
     height: 56px; 
     padding: 15px 0px 10px 0px; 
     font-size: 30px; 
     color: #bd7821; 
    } 

    #navigation{ 
     position: relative; 
     width: 959px; 
     height: 40px; 
     z-index: 2; 
    } 

    #navigation li{ 
     float: left; 
     z-index: 2; 
     padding: 0px 34px 0px 0px; 
    } 

    #navigation li a{ 
     display: inline-block; 
     position: relative; 
     outline: none; 
     height: 28px; 
     color: #e3e3e3; 
     z-index: 2; 
     font-size: 12px; 
     padding: 15px 0px 0px 0px; 
     text-decoration: none; 
    } 


    #navigation li a:hover, #navigation li#active a{ 
     color: #bd7821; 
     text-decoration: none; 
    } 

    #header{ 
     position: relative; 
     width: 959px; 
     height: 196px; 
     z-index: 1; 
     margin: 20px 0px 0px 0px; 
    } 

Answer 1

嘗試：

body { padding:20px 0; } 

或者：

#wrapper { margin:20px 0; } 

也就是說簡寫：

#wrapper { 
    margin-top:20px; 
    margin-right:0; 
    margin-bottom:20px; 
    margin-left:0; 
} 

請記住：

• 填充呈現內部元素的
• 保證金是在外

這可能有助於作爲提醒：
How to remember in CSS that margin is outside the border, and padding inside