Quelqu'un at-il vu le bug de rendu suivant dans google chrome:Google Chrome tronque mon site Web, pourquoi?
bug http://community.mediabrowser.tv/uploads/site_1/126/annoying_rendering_bug.jpg
Je reçois de temps en temps lorsque je navigue à http://www.mediabrowser.tv
Quelles sont les causes? Y a-t-il une solution de contournement?
Je ne peux pas reproduire cela maintenant, mais j'ai vu similaire dans le passé. Généralement, cela se produit lorsque l'élément avec l'arrière-plan n'est pas pleine hauteur. Assurez-vous que vous appliquez l'arrière-plan au body (dont la hauteur par défaut est 100%) et que vous n'appliquez pas de styles à la balise html (ce qui désactive le rendu du corps). Essayez d'inspecter ce bit blanc lorsque la prochaine fois il se produit. Vous pourriez mieux comprendre ce qui ne va pas.
Une autre possibilité est que la page n'a pas fini de charger le code GA en bas. Si votre script se bloque à la fin de votre page, il peut prendre trop de temps à s'exécuter. Vous pouvez le voir avant que la balise html de fermeture ne soit rendue.
Peut-être liés: Chromium issue 5388
Comme dans, chuck le conteneur dans un sous-conteneur et lui donner la couleur de fond de #ABABAB par opposition à l'appliquer à la tag html –
Appliquez la couleur d'arrière-plan à la balise 'body' et n'appliquez aucun style à la balise' html'. Ce n'est pas techniquement valide, et cela peut amener le 'body' à se comporter plus comme un' div'. – Joel
Cependant, je viens de tester cette théorie et ne semble pas reproduire l'erreur. – Joel
omis balise fermante ...
Il est possible qu'une balise de fermeture a été omise.
peu probable que le html valide http://validator.w3.org/check?uri=http://www.mediabrowser.tv/ –
Je cours aussi Google Chrome, sur Windows XP et je n'ai pas de problème avec le Rendu. Essayez de fermer votre onglet et rouvrir parfois il a un type d'erreur de mise en cache comme la plupart des navigateurs le font parfois.
le problème se produit seulement une fois dans un alors que ... ce qui me dérange vraiment. –
Une partie du problème réside dans la spécification d'une hauteur pour le conteneur lors de la flottaison des éléments à l'intérieur. Les éléments parents ne doivent jamais être développés pour contenir des enfants flottants. La seule chose qui empêche tout cela de s'effondrer est l'élément p à l'intérieur de la dernière div. Je ne suis pas sûr que Chrome fasse quelque chose de mal si Firefox est différent mais je n'ai pas le temps de le regarder plus loin maintenant.
Cela pourrait être la raison, <div style="overflow: auto; height: 400px;"> si vous oubliez d'ajouter overflow: auto à votre style ou quelque part dans votre feuille de style qui troncature arrive. IE peut accueillir cela, mais pas Chrom et FireFox. Une certaine hauteur par défaut est nécessaire mais pas suffisante. Le validateur W3C transmet le code sans cette élaboration car il ne tient pas compte des erreurs sémantiques (logiques).
Je l'ai vu aussi. Je ne sais pas comment le réparer, mais je peux confirmer que c'est quelque chose qui arrive parfois ... –