Почему браузер иногда делает сайт плохим, а иногда и хорошим? (без изменения браузера, обновление только динамических данных)

Question

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

На данный момент я заметил это только на последнем Firefox. У кого-нибудь была аналогичная проблема? Является ли это вина бесплатного хостинга (? И, возможно, некоторый пакет потерян ...) (проверено на http://60free.ovh.org и http://www.000webhost.com/)

EDIT: Я говорю только об одном браузерах и 2 результатов diffrent оказания. Я знаю, что это очень странно ...

EDIT2: Посмотрите на этом скриншоте: Первых плохой: http://img682.imageshack.us/img682/866/badxz.png, и хорошая, только после обновления страницы (не используйте на сторону серверов языков) http://img20.imageshack.us/img20/3992/goodtpxz.png

EDIT3: В аддонов веб-разработчик я проверил disable cache

EDIT4: Вот страница http://www.XYZ.eu/

Answer 1

нет, это не proble м бесплатного хостинга. Браузеры просто делают вещи по-другому, так оно и работает. Вы должны изучить причуды разных браузеров и научиться справляться с ними.

Вы, вероятно, не должны прикасаться к AJAX или даже JS, пока не узнаете, как у вас есть четкое понимание HTML и CSS.

---

Edit: Ваши разъяснения полностью изменить характер этого вопроса. В этом случае это звучит как проблема кэширования. Сначала я попробую очистить кеш браузера. Если это не сработает, это может быть кеширование на стороне сервера? Ожидаете ли вы полной загрузки страницы? Материал иногда перемещается по мере того, как страница продолжает загружаться, если она зависает до ее завершения, может произойти что-то подобное. В противном случае я не уверен.

Если ничего из этого не сделано, измените дизайн: p Похоже, вы полагаетесь на идеальные измерения пикселей, и этот правый div сбрасывается, когда ему не хватает места. Если вы можете избежать подобных сценариев, ваша страница будет немного более устойчивой к тонким изменениям.

---

На второй мысли, он может быть побочным эффектом бесплатного хостинга (но не из-за «потерянных пакетов»). Ваш хозяин вводит любые объявления или скрипты на вашу страницу?

Answer 2

Div's часто отличаются друг от друга в FF и IE, у меня была проблема очень часто и нужно много времени потратить на это.

Думает, что может помочь вам:

• IE и FF имеют как DEV-панель инструментов, в том, что вы можете увидеть очень много информации о DIV-Conatainers

• Одна вещь, которая делает мой Див-х плохо поплавок, высота и ширина - когда вы забыли один из них в другой DIV, ваша «проблема» -div может быть неправильно из-за этого

Дайте нам DIV и ваш C SS и мы можем узнать больше

---

Я вижу некоторые очень интересные вещи в Opera: Когда страница загружена, вы меню слева сайт для одного момента укомплектовать открытым (все ~ 10 ссылок). Может быть, что в FF место для этих ссылок будет вычисляться один раз, то есть больше, чем разрешено меню-div и вызывает «О» -фрагмент глупо ?! (Только идея) -

Answer 3

Проблема в том, что браузеры не соответствуют стандартам CSS. Некоторые браузеры, такие как Firefox, Chrome и Safari, довольно близки к стандартному. Другие, такие как Internet Explorer, не являются стандартными.

Единственный вариант, который у вас есть - попробовать разные вещи, пока он не будет работать для всех браузеров. Не могли бы вы дать нам образец вашего HTML и CSS, чтобы мы могли помочь вам в этом?

Answer 4

Глядя на ваши скриншоты Я считаю, что наиболее вероятной причиной является разница в полях по умолчанию для div в IE и FF.

При работе с проблемами firefox используйте Firebug, чтобы отредактировать CSS в реальном времени и увидеть изменения, когда вы их делаете.

Попробуйте установить div {margin:0;padding:0;} на минуту, чтобы узнать, что изменит ситуацию к лучшему.

Answer 5

Firefox отлично справляется с визуализацией HTML и CSS 2.1 (см. Тест Acid2), поэтому (без обид здесь). Я бы предпочел рассказать о вашем CSS.

Answer 6

Причина, по которой большинство браузеров визуализируют страницы по-разному, сводится к их движку рендеринга. Например, у нас есть WebKit в Safari и Gecko в Mozilla. Оба этих механизма рендеринга ожидают и обрабатывают вещи по-разному, основываясь на том, как они построены.

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

Answer 7

Проверьте размер шрифта, установленный в каждой копии Firefox. Если поля или ширины DIV находятся в ems, то они относятся к размеру шрифта, установленному в браузере. Попытайтесь уменьшить размер шрифта FF, когда DIV показывает странно, он должен защелкнуться на месте, предполагая, что это то, что происходит не так.

Answer 8

Это звучит как проблема с кешированием. Возможно, вы пытались максимизировать ширину, используемую вместе с плавающими элементами.

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

Более подробную информацию о том, как очистить кэш можно найти http://kb.iu.edu/data/ahic.html

Answer 9

Firefox имеет то, что известно как ошибка Slashdot CSS. Иногда может случиться, что браузер требует размера что-то прежде, чем его динамический контент будет полностью загружен для предварительного рендеринга. В этом случае он оказывает на основе того, что у него есть. Не так уж плохо, но вот кикер: когда контент полностью загружен, браузер не пересчитывает значение, вызывающее случайный ужасный рендеринг, который не может быть реплицирован локально.

EDIT: вот другое описание: http://sourceforge.net/tracker/index.php?func=detail&aid=2808234&group_id=4421&atid=104421

Answer 10

ли вы изменить ширину окна браузера между нагрузками? Позиционирование плавающих элементов могло быть затронуто, если вы это сделали.