Как получить заголовок в верхней части браузера?

Когда я вставляю фоновое изображение моего заголовка, оно не выравнивается точно в верхней части браузера. Между изображением заголовка и верхней частью браузера есть пробел, отображающий цвет фона. Я хочу, чтобы заголовок проходил вплоть до верхней части экрана и не отображал цвет фона.Как получить заголовок в верхней части браузера?

/* CSS Document */ 

html, body, { 
    margin: 0; 
    padding: 0; 
} 

body { 
     font: 12px/16px Verdana, Geneva, sans-serif; 
     color: #000; 
     background-color:#426fac; 

} 

/*** header 
****************************************/ 
#header { 
    background: url(images/header-bg.png) no-repeat center top; 
    overflow: hidden; 
}

ЛЮБЫЕ идеи о том, как это сделать?

источник

2010-01-06 Jack Null

Что относительно HTML или ссылки? –

Возможно, вы захотите определить, какой элемент имеет ваш заголовок (h1/div /?) Имеет также 0-маркер - у многих элементов есть встроенный маркер, и это может вызвать пространство, которое вы видите, как #header очевидно, прилагается к что-то

источник

2010-01-07 00:00:09 Erik

html, body, header { margin: 0; прокладка: 0; } –

Это не проблема ... проблема заключалась в дополнительной запятой (,) в первом правиле, приводящей к сбою. –

Существует элемент с ненулевым запасом/отступом, который вы не учитываете. Если вы разместите свою разметку, я смогу помочь ее идентифицировать. Это может легко быть значением по умолчанию, которое вы не настраиваете ... даже для тега.

Или вы могли бы использовать firebug. Просто выберите элемент #header и просмотрите определения CSS, которые браузер применяет к нему. Он может быть #header или может быть родителем/предком заголовка.

источник

2010-01-06 23:59:55

Я бы рекомендовал использовать Firebug, чтобы быстро проверить, что вызывает проблему. Просто используйте функцию Inspect Firebug, наведите курсор на пробел, и вы увидите, какие элементы и строки CSS вызывают проблему. –

Попробуйте добавить #header в список html, body, которые получают margin: 0; padding: 0.

источник

2010-01-07 00:04:23

Это потому, что у Вас есть ошибка в вашем CSS

вам нужно удалить последнюю запятую (,) из html,body, { и сделать его html,body {

В настоящее время первое правило CSS о HTML и тело не из-за к нему ..

источник

2010-01-07 00:06:47

Как получить заголовок в верхней части браузера?

ответ

Смежные вопросы