2015-12-28 3 views
2

У меня проблема с пробелом в 20 пикселей в верхней части моей веб-страницы. Это трудно понять, но когда вы проверяете элемент, вы можете увидеть маленький зазор наверху.Пробел в верхней части веб-страницы

www.craigengland.co.uk

Я принял

* { 
    margin: 0; 
    padding: 0; 
    } 

, но не дало никаких результатов

Любые предложения?

Я попытался «нормализовать» локально и по-прежнему не исправляет проблему.

+0

вы можете добавить css для вашего svg: body svg {display: none; } или в html Gregorie

+0

Пожалуйста, укажите [SSCCE ] (http://sscce.org/) – Mooseman

+0

@ Грегори, которая сработала. Большое спасибо! –

ответ

4

Содержимое svg-тега после тега тела и перед тегом заголовка вызывает это. Удалите эту проблему с пробелами, или если вы хотите сделать это с помощью CSS, добавьте следующий код в ваш файл css.

svg{display:none;} 
+0

* «Содержимое тега svg после тега и до того, как это приведет к этому. Удалите эту проблему с пробелами» * Несмотря на то, что это не имеет смысла, правильный ответ –

+0

Извините за опечатку, это перед тегом заголовка. –

+0

Спасибо! Это сработало –

2

Добавить style="display: none" к вашему элементу и SVG, он должен работать.

1

Удалить margin-top с сайта header.

header { 
    margin: 14% 0 0; /* remove this from main.css */ 
} 
+0

Это в сочетании с 'svg' вызывает все проблемы с верхними пробелами. – Vucko

0

Хорошо, при осмотре вашей веб-страницы. его показать это пустое место в заголовке из-за поля, присвоенного ему в css

margin: 14% 0 0% 0%;

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

Я не вижу никакой другой ошибки!

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