Откуда взялись отступы у шапки?

Question

[kirzzzz]

Код

@charset "utf-8"
    
   {margin: 0; padding: 0; border: 0;}

body{
    width: 100%;
    height: 100%;
    color: #000000;
    background: white;
    background-image: url(img/IMG_1188.jpg);
    font-size: 1em;
    font-family: "Kelson Sans", sans-serif;
    line-height: 100%;
}
a {
    color:white;
    text-decoration: none;
}
a:hover {
    color:darkgray;
    text-decoration: none;
}
a:active {color:dimgrey}

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

/*Блок для выделения*/
::selection{background:darkgray; color:aliceblue}
::-moz-selection{background:darkgray; color:aliceblue}

header, footer {
    width: 98%;
    background-color: black;
    min-width: 50px;
}

header{
    border-bottom: 0px solid silver;
    padding: 2%
}

#logo{
    color: white;
    text-decoration: none;
    letter-spacing: 5px;
    font-size: 1.5em;
    font-family: "Kelson Sans", sans-serif;
    margin-left: 4.4%;
}

#contact1{
    color: white;
    text-decoration: none;
    font-size: 1em;
    font-family: "Kelson Sans", sans-serif;
    margin-left: 16%;
}
#contact2{
    color: white;
    text-decoration: none;
    font-size: 1em;
    font-family: "Kelson Sans", sans-serif;
    margin-left: 7%;
}
#contact3{
    color: white;
    text-decoration: none;
    font-size: 1em;
    font-family: "Kelson Sans", sans-serif;
    margin-left: 21%;
}
#contact4{
    color: white;
    text-decoration: none;
    font-size: 1em;
    font-family: "Kelson Sans", sans-serif;
    margin-left: 1%;
}

footer{ 
    margin-top: 10px;
}

Comments

[WapSter]

Какие отступы, откуда. Тут не интерпретаторы сидят такое полотенце кода скидывать, заливай на хост либо в песочницу. И объясни в чем дело.

Answer 1

[Akest]

В 1-ой строчке: @charset "utf-8", Вы не поставили точку с запятой
Там где Вы писали {margin: 0; padding: 0; border: 0;}, Вы вероятно имели ввиду, что это должно относится ко всем элементам, тогда Вам необходимо написать

@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    border: 0;
}

Отступы, в Вашем случае, скорее всего, встроены браузером и Вам, как я понимаю, необходимо их сбросить. Код сверху в этом поможет.