Div перемещается во время загрузки страницы

Question

Я застрял с div, который находится в одном положении во время загрузки страницы, и в другом положении, когда страница заканчивает загрузку. Я провел почти весь день в этой маленькой вещи и не могу понять, почему это происходит.

Я использую wordpress, поэтому для разных шаблонов существует множество различных условных тегов, но я не вижу проблемы в файлах шаблонов. Деб, который, кажется, дает мне трудное время, - это контейнер. Я изменил цвет фона контейнера на шаблоне, на котором я застрял, поэтому я могу видеть, что он делает, пока загружается страница, и мне кажется, что, как только страница загружает 45px либо margin-top, либо padding- верхняя часть применяется к контейнеру.

У кого-нибудь есть идеи? Я прошел условные теги, и мои таблицы стилей, и я просто не понимаю, почему он ведет себя так, как есть. Любая помощь будет принята с благодарностью.

Answer 1

Потребовался мне пару обновления страницы, но я думаю, что я могу увидеть вашу проблему:

Существует этот конкретный DIV: класс = «начальное изображение контейнер», который загружается на страницу, несмотря на не требуется и вызывает у вас падение, поскольку этот элемент, по-видимому, загружается через непрозрачность в DOM ....

Если вы нажмете F12 и откройте тег входа-изображения-контейнера, нажмите «Обновить» на странице, вы заметите, что контейнер ввода-изображения загружается через Opacity и, кажется, вызывает задержку при загрузке (я бы разместил изображение, но StackOverflow говорит, что im не имеет более высокий уровень репутации)

Возможно, включение условного оператора для этого тега разрешит проблему для вас?

Я надеюсь, что это помогает в некотором роде - с помощью Chrome на Mac OSX

Answer 2

Заголовок имеет накладку 44px (22px 0 44px). Для меня (текущий стабильный FF, Win7) ничего не движется.