Новая строка на странице без причины

Я обновил свои баннеры на своем сайте . Есть необъяснимые над полями (между первым слева и вторым слева). Маржа – это новая строка в HTML, но без элемента фейдера для ее удержания. Это странно.

Я попытался настроить jsfiddle , но ошибки там не существует.

Вот код:


И CSS:

 .invisible_box { height: 75px; margin-bottom: 5px; position: relative; width: 150px; } .overlay { background: none repeat scroll 0 0 white; display: block; height: 75px; left: 0; opacity: 0; position: absolute; top: 0; width: 150px; z-index: 10000; } 

У вас есть три невидимых символа U+200B после div, и они могут быть причиной. Исходный код показывает это (посмотрите в текстовом редакторе, который позволяет увидеть их):

 
​​​

Они могут вызывать элемент изгоев, который вы видите на консоли Chrome, как указано в Tiby.

В Google Chrome Console, если вы посмотрите на эту область, есть большой пустой текстовый блок между первым баннером и вторым (он появляется между кавычками). Я просто удалил это, и пустое пространство между двумя баннерами исчезло. Попробуйте.

попробуйте вставить комментарий html там

 

Спасибо, ребята и @Mr_Green,

Были скрыты три символа, которые были обнаружены только тогда, когда я скопировал код в блокнот !! в редакторе vbulletin не было показано (структура моего сайта).

очень интересно..