Обертка не идти сверху вниз - PullRequest
Новая
       14

Обертка не идти сверху вниз

1 голос
/ 17 декабря 2011

Хорошо, я сдаюсь - я не могу решить это; кажется, что обертка движется сверху вниз, а я хочу, чтобы она оставляла зазор сверху и снизу, чтобы фон просвечивал. Я не могу решить это. Я очень новичок в этом. Любая помощь и идеи очень приветствуются.

код 

    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;
    }

1 Ответ

0 голосов
/ 17 декабря 2011

Попробуйте: 

body { padding:20px 0; }

Или: 

#wrapper { margin:20px 0; }

Это сокращение для: 

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

Помните:

  • Отступ отображается внутри элемента
  • Маржа на снаружи

Это может помочь в качестве напоминания:
Как запомнить в CSS, что поле находится за границей, а отступы внутри

...