Иван Ефимов, много чего интересного:
- Один и тот же шрифт может отображаться по разному в браузерах
- иметь разные отступы
- начертания
- не поддерживаемые в принципе css-свойства в некоторых браузерах
- не поддерживаемые свойства и методы js или их другое название
"до этого я еще не добрался откуда мне это можно знать?" - я тебя не в чем не упрекаю. Просто сокращаю диалог до минимума. Чтобы быстрее понять, что ты хочешь.
Ладно, удачи
Иван Ефимов, Ты пытаешься почему? - это такие дебревые дебри, что туда лучше не лезть, если ты конечно, не собираешься разрабатывать свой новый браузер, допустим "Efimov browser" с абсолютного нуля.
Это особенности порядка чтения, отображения DOM, конкретным браузером. Повторюсь firefox сразу со сдвигом показывает не зависимо от того, есть ли javascript файл или нет. Хром при добавлении js-файла, тоже игнорирует св-во transition-duration: 3s; и отображает уже со сдвигом.
убери св-во overflow: hidden - чтобы в этом убедиться.
Если пробовать в других браузерах, то результат, будет тоже отличаться, как между firefox и chrome.
Если все же интересен вопрос как браузер загружает DOM (то лезь в каждую тех документацию браузера), в каком порядке и как и как влияет на это тег script
Иван Ефимов, Не баг и не фича. Особенности работы браузеров. Допустим в firefox даже без js сразу показывает со сдвигом без анимации. chrome сдвигает. Но то что ты делаешь - изначально не правильно.
У тебя сдвиг не привязан абсолютно ни к чему, ни к какому событию. Допустим это поставить на сервер, а еще лучше на бесплатный медленный сервер - то ты так же ничего не увидишь, Потому как пока страница загрузиться, произойдет сдвиг
Ivan_Efimov, Из видео возникает вопрос: нафиг ты пишешь src = '.(точка)/file.js'? Точка зачем? если файлы находятся на уровень выше то две точки, если на этом просто "/". код js надо смотреть, скорее всего он что-то ломает
"Нус, во-первых CSS не имеет разделение свойств в виде знака равенства." - согласен, уже поправил, тут печатал(не копировал), это опечатка в вопросе не более.
4-час ночи, было.. Я еще криво еще вопрос задал.
Пару скринов:
Для примера
kafkiansky, и мне в первую очередь. Иначе бы я не тратил время на написания вопроса. Но будут и другие люди, которым пригодится толковый ответ или ссылка на полезный ресурс.
В google и Яндекс выдаст как полезную так и бесполезную информацию.
Для примера:
Знакомился с Bootstrap, поисковик выдает в куче статьи, почему bootstrap г...но, почему он очень хорош, статей с ошибками.
Вас, добрый человек, я прошу не ср.ть тут в комментариях. Они бесполезны и тратят время на прочтение и ответ.
Но меню и лого два разных элемента.
Можно меню разделить на левое и правое, а посередине вставить блок logo