Вопрос CSS - удаление пробела в верхней части сайта - PullRequest
Новая
       3

Вопрос CSS - удаление пробела в верхней части сайта

0 голосов
/ 08 августа 2011

Как мне удалить серую область здесь: https://img.skitch.com/20110808-ncu19ep6fw47s9pxhqxa99qmcb.jpg

В style.css, отступы:

отступы: 0;

... I 'мы пытались изменить это: 

#page { margin-top: 0; }

на следующие вещи: 

#page { margin-top: 5px !important; }

#page { margin-top: -5px !important; }

#page { margin-top: 0px !important; }

#page { margin-top: 0 !important; }

... но эти вещи не показали заметных изменений.

Вот сайт на случайэто помогает: http://richardclunan.com/

Спасибо,

Ответы [ 4 ]

2 голосов
/ 08 августа 2011

Дайте следующий стиль: 

 body {
        margin:0px;
        padding:0px;
        }


    #page {
    margin:0 auto;
    max-width:1000px;
    }
1 голос
/ 08 августа 2011

У вас есть это: 

#page {
    margin: 2em auto;
    max-width: 1000px;
}

в вашем style.css. Это дает #page верхнее и нижнее поле 2em. Вы, вероятно, хотите это: 

#page {
    margin: 0 auto 2em auto;
    max-width: 1000px;
}

Это то же самое, что и margin: 2em auto, но с нулевым верхним полем.

1 голос
/ 08 августа 2011

Возможно, вам нужно добавить те же правила к элементам <body> и / или <html>: 

body, html { margin: 0px; padding: 0px; }
0 голосов
/ 08 августа 2011

изменить этот стиль CSS: 

 #page {
    margin: 2em auto;
    max-width: 1000px;
}

на 

 #page {
    margin: 0px auto;
    max-width: 1000px;
}

и также изменить 

#branding {
    border-top: 2px solid #BBBBBB;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
}

на это: 

#branding {
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
}
...