Chrome добавляет нежелательное поле в тело

#html #css #google-chrome

#HTML #css #google-chrome

Вопрос:

Недавно я начал создавать веб-сайты на WordPress, мне надоело самому создавать серверные части CMS. Для начала я решил создать свое портфолио (все еще в процессе, я мог бы добавить), но по какой-то причине Chrome добавляет странное поле в верхнюю часть моего сайта. Любой другой браузер отлично обрабатывает веб-сайт (даже safari, а также webkit). Я использовал форму сброса CSS, чтобы избавиться от всех полей, но это действительно ломает мои яйца. Любая помощь о том, как это удалить?

Обновить:

Для тех, кто сталкивается с этим плохо сформулированным вопросом: причина этого пробела заключалась в том, что я не поместил wp_header() and wp_footer() в верхний и нижний колонтитулы соответственно. Это привело к тому, что WordPress добавил поле для панели администратора, но никаких хуков для его отображения не было. Ссылка, которую я добавил ранее, больше не относится к вопросу, и я ее удалил.

Комментарии:

1. Кажется, что Chromium также не добавляет дополнительного поля (протестировано на Ubuntu 11.04).

2. Здесь не видно поля в Chrome.

3. То же самое здесь, между верхней частью страницы и верхней частью значков есть пара пикселей

4. спасибо за ввод, у меня все работает правильно после того, как я повозился с css. Возможно, chrome кэшировал css или нет, в любом случае: проблема решена 🙂

Ответ №1:

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

В основном это связано с тем, что у вас есть теги привязки вокруг элементов списка, а не наоборот.

Результат проверки