Chrome глючит

[novickOk]

Привет, столкнулся с одной проблемой. В общем есть такой код:

<div id="nav-bar">

<div class="nav-bar-block-first"><a href="#" class="nav-bar-block-link">Ололо</a></div>
<div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div>
<div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div>
<div class="nav-bar-block"><a href="#" class="nav-bar-block-link">Ололо</a></div>
<div class="nav-bar-block-last"><a href="#" class="nav-bar-block-link"><img src="lego/style-img/mobile-ver.png" align="texttop" />Версия для мобильного</a></div>
</div>

#nav-bar{width:1100px;height:50px;margin-bottom:3px; margin-top:0px;}
.nav-bar-block{margin:0px;width:219px;height:50px;float:left;background:url(../style-img/footerbg.png); border-right:1px solid #666;}
.nav-bar-block-last{margin:0px;width:220px;height:50px;float:left;background:url(../style-img/footerbg.png);border-radius:0 4px 4px 0;}
.nav-bar-block-first{margin:0px;width:219px;height:50px;float:left;background:url(../style-img/footerbg.png);border-radius:4px 0 0 4px; border-right:1px solid #666}

.nav-bar-block-link{color:#FFFFFF; text-decoration:none; display:block; text-align:center; margin-top:12px}
.nav-bar-block-link:hover{color:#CCCCCC;}

Если HTML код разместить в самой странице, то все выглядит прилично.

Но если вставить этот код в файл nav.html и вызвать этот файл через функцию include, то появляется непонятный пропуск.

Я не понимаю как с этим бороться, перепробовал все что мог и буду благодарен вашей помощи.

[wildhind]

вы случаем не в ОС Windows работаете?

Я тоже пару раз с таким сталкивалась, когда приходилось дорабатывать за разработчиками, работающими в ОС Windows.

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

Проверьте, не такой ли у вас случай.

[novickOk]

вы случаем не в ОС Windows работаете?

Я тоже пару раз с таким сталкивалась, когда приходилось дорабатывать за разработчиками, работающими в ОС Windows.

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

Проверьте, не такой ли у вас случай.

Да, пользуюсь Windows, скажите, а как этот символ убрать?

[wildhind]

Проверьте ещё, в веб-инспекторе это выглядит как-то так:

Если да, это то самое явление.

Но как убрать, не подскажу, извините. Это уже либо тема для самостоятельного изыскания, либо имеет смысл спросить людей, имеющих опыт работы с Windows.

[novickOk]

Проверьте ещё, в веб-инспекторе это выглядит как-то так:

Если да, это то самое явление.

Но как убрать, не подскажу, извините. Это уже либо тема для самостоятельного изыскания, либо имеет смысл спросить людей, имеющих опыт работы с Windows.

Точно, огромное спасибо за помощь, начну копать в эту сторону

[SelenIT]

А сохраняете, случаем, не в UTF-8 в Блокноте? Он любит вставлять BOM-метку (три байта). Если это она, попробуйте открыть файл нормальным редактором (напр. Notepad++) и сохранить в виде UTF-8 без BOM (там обязана быть такая опция).

[novickOk]

А сохраняете, случаем, не в UTF-8 в Блокноте? Он любит вставлять BOM-метку (три байта). Если это она, попробуйте открыть файл нормальным редактором (напр. Notepad++) и сохранить в виде UTF-8 без BOM (там обязана быть такая опция).

Нет, юзаю дримривер.

Edited August 11, 2012 by novickOk

[SelenIT]

Всё равно проверьте гипотезу про BOM. Возможность сохранить в UTF-8 без BOM в дримвивере тоже есть.

[novickOk]

Всё равно проверьте гипотезу про BOM. Возможность сохранить в UTF-8 без BOM в дримвивере тоже есть.

Спасибо за наводку, проблема решена

[lexxcode]

Да wildhind правильно говорит, я с этим довольно часто сталкиваюсь. Это часто бывает символ юникода U+200B: Zero Width Space, если он попадается в js, то в Chrome (в других хз не смотрел) в консоли пишет ошибку Uncaught SyntaxError: Unexpected token ILLEGAL и js не отрабатывает. В редакторе его ни как не видно, из-за этого очень тяжело его искать, приходится лопатить все места где есть разрывы в тексте. Подозреваю, что можно как-то по коду символа поискать, но я как-то не вдавался в эти подробности не пробовал. А если в html то получается подобный отступ. Бывает еще если это php то там просто уже в самом выводе есть пробелы, не знаю как их правильно назвать, вот они тоже браузером интерпретируются как инлайновый элемент этот, но они легко выявляются т.к. вполне очевидный вид имеют.

UPD: А уже нашли проблему сорри

[Radiocity]

Всегда работаю в Win7x64, Notepad2, Chrome. Ниразу не сталкивался

[Lednar94]

Всё равно проверьте гипотезу про BOM. Возможность сохранить в UTF-8 без BOM в дримвивере тоже есть.

Спасибо за наводку, проблема решена

У меня возникала подобная проблема. Было непонятно откуда появляются "" в начале страницы и дизайн ломался. Позже выяснился странный казус: проблема была в странной работе вызова PHP <? ?> на некоторых серверах. Проблема решилась заменой <? ?> на <?php ?>.

[Avalon4eg]

На правах шутки: это Хром неадекватно реагирует на наличие YANDEX в заголовке =)