Не удается удалить верхнее поле по умолчанию в браузере Chrome

Question

Не удается удалить верхнее поле по умолчанию в браузере Chrome

0

После многих попыток я не могу удалить максимальную маржу по умолчанию. Ниже приведен код html и css. Пожалуйста, предложите, где мне не хватает?

HTML файл

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="/style.css">
        <title>Sample</title>   
    </head>
    <body> 
        <div id="maincontainer">
            <div id="header">   
                <h1>Sample</h1>
            </div>
        </div>
        <div id="contents">
        Body of page
        </div>
    </body>
</html>

Файл CSS

html, body
{
    margin:0 auto;
    padding:0;
    border:0;
    background:#fff;
    font-family:Times New Roman;
    font-size: 16px;
    width:1024px;   
}

#maincontainer
{
    margin:0;
    padding:5px;
}

#header 
{   
    margin:0;
    padding:0;
    height:100px;
    background:#8A0808;
    text-align:left;
}

h1
{
    margin:0;
    padding:0 0 0 10px;
    font-size: 60px;
    font-weight:normal;
    color:#fff;
}

Kevin Dice 12 апр. 2014, в 13:03

Источник

1

Вы имеете в виду что-то вроде этого? Ваш #maincontainer имеет отступ 5px . Вместо этого используйте padding-left и padding-right - jsfiddle.net/CTLah
JunM 12 апр. 2014, в 10:20
0

@JunM - точно
user1556433 12 апр. 2014, в 10:20
1

#maincontainer имеет отступы просто удалите это в css
Pravin Waychal 12 апр. 2014, в 10:21
0

JunM и Правин - Спасибо, что разобрались в течение минуты :) Хотелось бы, чтобы я проголосовал 5 раз на SO :)
user1556433 12 апр. 2014, в 10:26

Показать ещё 2 комментария

Теги:

html

css

html5

css3

1 ответ

Ещё вопросы

Вы имеете в виду что-то вроде этого? Ваш #maincontainer имеет отступ 5px . Вместо этого используйте padding-left и padding-right - jsfiddle.net/CTLah
#maincontainer имеет отступы просто удалите это в css
JunM и Правин - Спасибо, что разобрались в течение минуты :) Хотелось бы, чтобы я проголосовал 5 раз на SO :)

Kevin Dice · Accepted Answer · 2014-04-12T08-03-00.000Z

padding: 5px; на #maincontainer может быть ваша проблема. Там будет 5px белого, окружающего что-либо внутри div #maincontainer.