Может ли длина URL повлиять на макет?

Question

Это действительно странная проблема. Итак, у нас есть существующая навигация, которая выглядит следующим образом:

<div class="tab"> 
    <a href="URL1/file.php" target="_top">HOME</a>
    <a href="URL2/file.php" class="active" target="_top">NAV2</a>
    <a href="URL3/file.php" target="_top">NAV3</a>
    <a href="URL4/file.php" target="_top">NAV4</a> 
    <a href="URL5/file.php" target="_top">NAV5</a>
</div>

Дело в том, что когда мы меняем URL-адреса на более длинные (потому что веб-адрес действующего сайта длиннее, чем тестовый сайт), макет заголовка меняется, элементы должны быть в одной горизонтальной строке, но когда URL-адреса длиннее, часть текста переходит на следующую строку).

Почему это так? Я имею в виду, что это не текст в URL, а сам URL, который не должен влиять на то, как все отображается.

Кто-нибудь сталкивался с этой странной проблемой? Бывает во всех браузерах.

Answer 1

Это звучит невозможно. Я вижу только два способа:

• у вас есть JavaScript, который манипулирует DOM в зависимости от значения этих href = ""
• у вас есть css content свойство, выводящее некоторый контент на основе значения этих href = ""

Это кто-то из этих двоих?

Кроме того, вы пытались проверить источник HTML, используя http://validator.w3.org/?