Google Chrome усекает мой веб-сайт, почему? - PullRequest
1 голос
/ 16 февраля 2010

Кто-нибудь видел следующую ошибку рендеринга в Google Chrome:

ошибка http://community.mediabrowser.tv/uploads/site_1/126/annoying_rendering_bug.jpg

Иногда я получаю его при переходе на http://www.mediabrowser.tv

Что вызывает это? Есть ли обходной путь?

Ответы [ 5 ]

1 голос
/ 16 февраля 2010

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

Убедитесь, что вы применяете фон к body (по умолчанию высота 100%) и что вы не применяете стили к тегу html (который отбрасывает рендеринг тела).

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

Другая возможность состоит в том, что страница не закончила загрузку кода GA внизу. Если блоки скриптов в конце вашей страницы выполняются слишком долго, вы можете увидеть это до того, как будет отображен закрывающий тег html.

Возможно, связано: Выпуск хрома 5388

0 голосов
/ 29 июля 2011

Это может быть причиной, <div style="overflow: auto; height: 400px;">, если вы забудете добавить overflow: auto к вашему стилю или где-нибудь в вашей таблице стилей, чтобы произошло усечение. IE может приспособить это, но не Chrom и FireFox. Некоторая высота по умолчанию необходима, но не достаточна. Валидатор W3C передает код без этой детализации, поскольку он не учитывает семантические (логические) ошибки.

0 голосов
/ 16 февраля 2010

Часть проблемы заключается в указании высоты для контейнера при плавающих элементах внутри. Родительские элементы никогда не расширяются, чтобы содержать плавающие дочерние элементы. Единственное, что мешает этому полностью разрушиться, это элемент p внутри последнего элемента div. Я не уверен, что Chrome делает что-то не так, хотя Firefox отличается, но у меня нет времени, чтобы взглянуть на это сейчас.

0 голосов
/ 16 февраля 2010

Я также использую Google Chrome в Windows XP, и у меня нет проблем с рендерингом. Попробуйте закрыть вкладку и открыть ее снова, иногда она имеет тип ошибки кэширования, как это происходит в большинстве браузеров.

0 голосов
/ 16 февраля 2010

опущен, закрывающий тег ...

Возможно, закрывающий тег был опущен.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...