белая полоса в верхней части HTML-страницы, несмотря на то, что все поля, отступы и т. д. установлены на 0 - PullRequest
1 голос
/ 06 октября 2011

У меня есть белая (на самом деле, цвет тела, призрачный) полоса в верхней части моей HTML-страницы, хотя все поля, отступы и т. Д. Установлены на 0.

URL: (изменить: удалено, потому что оно устарело)

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

Firebug показывает мне, что, очевидно, все тело смещено ровно на 2em.Если я добавлю «top: -2em» в CSS, он будет идеально совмещен с верхом страницы.Но в лучшем случае это обходной путь, и я бы хотел понять, что здесь происходит.

Ответы [ 3 ]

1 голос
/ 06 октября 2011

У вас есть верхнее поле для элемента h1.

h1 { margin: 0 0 10px; }
1 голос
/ 06 октября 2011

просто добавьте это в класс заголовка в css.

header {overflow: hidden;}
1 голос
/ 06 октября 2011

Проблема связана с #logo DIV и элементом H1. Оба имеют поля, которые (совокупно) дают эту белую полосу.

Удалите поля из элемента #logo и используйте отступы для H1.


Обновление:

Другим способом было бы:

  • удалить margin из # logo
  • добавить padding к # логотипу
  • набор margin:0 на H1
  • удалить line-height:0.5em из # logo

Результат:

image


Кстати, я рекомендую вам включить YUI CSS Reset (или другой лист сброса) на свою страницу.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...