2010-02-07 2 views
2

Иногда заголовок моего веб-сайта неправильно формируется при первой загрузке страницы.CSS иногда неправильно загружается при начальной загрузке

Некорректное:

В скриншоте ниже заголовки находятся внутри черной горизонтальной линии

alt text http://techboy.co.uk/misc/Incorrect_View.PNG


После обновления страницы, есть пространство под заголовками:

alt text http://techboy.co.uk/misc/Correct_View.PNG

Этот вопрос был замечен на нескольких страницах, а не только один я взял скриншот (http://www.getmecooking.com/blog/review-of-food-bloggers-connect-london-november-2009)

Пожалуйста, вы можете сказать мне, почему это может происходить и как решить ее?

Спасибо.

+0

Я не могу воссоздать эту ошибку в Firefox 3.6, это происходит в определенном браузере? – Rowno

+0

Нет, я видел это в FireFox 3.6 и IE8. Проблема прерывистая, настолько сложная для тиражирования. – Techboy

ответ

1

Мы идентифицировали проблему с БД, которая периодически приводила к тому, что динамическое содержимое страниц загружалось немного медленнее, чем обычно. Исправление, похоже, исправило проблему CSS!

1

Если вы не используете @import s, все равно это произойдет? Просто укажите таблицы стилей на странице и посмотрите, не изменилось ли это.

+0

Я могу попробовать, проблема в том, что проблема прерывистая, поэтому я не могу проверить ее надежно. Если это повернет нас, что это решит проблему, каково было бы правильное исправление? Благодарю. – Techboy

+0

Если это исправляет проблему (которую я смог воспроизвести в Firefox 3.6 на Linux), то правильное исправление должно оставить ее исправленной :) – rfunduk

+0

Я бы не хотел иметь все CSS-страницы на странице:) Я прочитал http://www.stevesouders.com/blog/2009/04/09/dont-use-import/, в котором говорится, что «ссылка» получает несколько файлов CSS параллельно, а «@import» получает их последовательно, поэтому ссылка быстрее. Кроме того, 4-й комментарий там говорит о том, что переключение на ссылку разрешило проблему, которая похожа на проблему, с которой я сталкиваюсь, поэтому я сначала попробую :-) – Techboy

2

похоже, что вы загружаете файл CSS. проблема, кажется, проблема {position:}. я столкнулся с аналогичной проблемой с элементами, которые являются абсолютными позициями, но не содержатся в другом div, который является относительным.

+0

Хорошая мысль, но единственное абсолютное положение, которое у меня есть на странице, - это меню AddThis, которое находится ниже заголовка div. Поэтому я не думаю это проблема. – Techboy

Смежные вопросы