Table des matières
回复讨论(解决方案)
Maison interface Web tutoriel HTML IE6显示空白页面问题_html/css_WEB-ITnose

IE6显示空白页面问题_html/css_WEB-ITnose

Jun 24, 2016 pm 12:19 PM

最近做了一个界面,在IE9、火狐、Chrome、Opera、Safari下显示都没问题,但是在IE6显示出来就是空白的网页,右击查看源文件就能看见代码,用IE6分别打开每个引用网页都没问题。

网上查资料基本上都说是浏览器编码问题,加上就可以了,我尝试了,但是还是没有效果,代码如下,求救

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" href="CSS/index.css" type="text/css"><script type="text/javascript" src="JS/jquery.js"></script><script type="text/javascript" src="JS/index.js"></script></head><frameset rows="90px,*" frameborder="0" framespacing="0">   <frame src="head.html" scrolling="no"/>   <frameset cols="160px,16px,*,16px,110px" id="frameset2"  frameborder="0" framespacing="0">       <frame src="menu.html" id="menu" scrolling="no" frameborder="0"/>       <frame src="center.html" id="center" frameborder="0"/>       <frame src="content.html" id="content" frameborder="0" scrolling="no" />       <frame src="right_center.html" id="right_center" frameborder="0" scrolling="no" />       <frame src="information.html" id="information" frameborder="0" scrolling="no" />   </frameset></frameset>  <noframes>    <body>    </body>  </noframes></html>
Copier après la connexion


回复讨论(解决方案)

页面编码 要与 文件编码一致

记事本打开,另存为 编码选 与页面一致

运行了一下LZ的代码,冒似没有问题

前2周碰到和楼主相似的问题
ie6显示空白,其他所有浏览器显示正常
ie6打开网页时占用cpu 100%
查看源代码为空白,apache日志304
前天看《精通css》,其中提到如果是用xhtml的话,DOCTYPE应该放在第一行,否则ie6将进入quirk模式(中文版第16页)
而我的文件在DOCTYPE前加了
删除这一行就可以显示了

不知道对楼主的问题有没有帮助。。。

呃 一个好的书写习惯 我觉得真的好 。起码目前为止我没有遇到过。

运行了一下LZ的代码,冒似没有问题
你是用IE6运行的吗???我试的就不行啊

引用 2 楼 bbjbepzz 的回复:运行了一下LZ的代码,冒似没有问题
你是用IE6运行的吗???我试的就不行啊

IEtest里面的IE6

页面编码 要与 文件编码一致

记事本打开,另存为 编码选 与页面一致
尝试了,还是不行,实际上我在文件开始已经申明这个了

把页面简化(包括DOCTYPE,HTML标签属性,frame的数量等),然后每次增加一个内容,逐步排查问题。

补充说明一下,我今天又调了这个问题,把网页化简一下,代码如下,用IE6运行,但是显示出来还是一片空白,中间有一条白线

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>index</title><style type="text/css"><!--@import url(CSS/index.css);--></style><script type="text/javascript" src="JS/jquery.js"></script><script type="text/javascript" src="JS/index.js"></script></head><frameset rows="50%,50%">   <frame src="head.html" />   <frame src="head.html" /></frameset>  <noframes>    <body>      don't support    </body>  </noframes></html>
Copier après la connexion

另外head.html只有一张图片,图片的宽为100%,高为90px,如果head.html里面只有一些简单的内容,例如只有一个输入框,这样是可以显示的,但是稍微复杂一点就显示不出来了,另外head.html单独打开始没问题的

中间一条白线是框架的边框吧?
空白是不是因为框架引用的页面head.html的问题?

中间一条白线是框架的边框吧?
空白是不是因为框架引用的页面head.html的问题?
是框架的边框,head.html用IE6打开没有任何问题,显示正常,而且内容超级简单,就是一个图片

经过两天的排查,终于发现,原来是我在样式里面加了一个HTML,body{}的样式,把HTML的样式给去掉就可以了

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Difficulté à mettre à jour la mise en cache des pages Web officielles du compte: comment éviter l'ancien cache affectant l'expérience utilisateur après la mise à jour de la version? Difficulté à mettre à jour la mise en cache des pages Web officielles du compte: comment éviter l'ancien cache affectant l'expérience utilisateur après la mise à jour de la version? Mar 04, 2025 pm 12:32 PM

Le cache de mise à jour de la page Web du compte officiel, cette chose est simple et simple, et elle est suffisamment compliquée pour en boire un pot. Vous avez travaillé dur pour mettre à jour l'article officiel du compte, mais l'utilisateur a toujours ouvert l'ancienne version. Dans cet article, jetons un coup d'œil aux rebondissements derrière cela et comment résoudre ce problème gracieusement. Après l'avoir lu, vous pouvez facilement faire face à divers problèmes de mise en cache, permettant à vos utilisateurs de toujours ressentir le contenu le plus frais. Parlons d'abord des bases. Pour le dire franchement, afin d'améliorer la vitesse d'accès, le navigateur ou le serveur stocke des ressources statiques (telles que des images, CSS, JS) ou du contenu de la page. La prochaine fois que vous y accédez, vous pouvez le récupérer directement à partir du cache sans avoir à le télécharger à nouveau, et il est naturellement rapide. Mais cette chose est aussi une épée à double tranchant. La nouvelle version est en ligne,

Comment ajouter efficacement les effets de course aux images PNG sur les pages Web? Comment ajouter efficacement les effets de course aux images PNG sur les pages Web? Mar 04, 2025 pm 02:39 PM

Cet article démontre un ajout de bordure PNG efficace aux pages Web à l'aide de CSS. Il soutient que CSS offre des performances supérieures par rapport à JavaScript ou à des bibliothèques, détaillant comment ajuster la largeur, le style et la couleur des bordures pour un effet subtil ou proéminent

Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Comment utiliser les attributs de validation du formulaire HTML5 pour valider l'entrée utilisateur? Mar 17, 2025 pm 12:27 PM

L'article discute de l'utilisation des attributs de validation de formulaire HTML5 comme les limites requises, motifs, min, max et longueurs pour valider la saisie de l'utilisateur directement dans le navigateur.

Quel est le but du & lt; datalist & gt; élément? Quel est le but du & lt; datalist & gt; élément? Mar 21, 2025 pm 12:33 PM

L'article traite du HTML & lt; Datalist & GT; élément, qui améliore les formulaires en fournissant des suggestions de saisie semi-automatique, en améliorant l'expérience utilisateur et en réduisant les erreurs. COMMANDE COMPRES: 159

Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Quelles sont les meilleures pratiques pour la compatibilité entre les navigateurs dans HTML5? Mar 17, 2025 pm 12:20 PM

L'article examine les meilleures pratiques pour assurer la compatibilité des navigateurs de HTML5, en se concentrant sur la détection des fonctionnalités, l'amélioration progressive et les méthodes de test.

Quel est le but du & lt; mètre & gt; élément? Quel est le but du & lt; mètre & gt; élément? Mar 21, 2025 pm 12:35 PM

L'article traite du HTML & lt; mètre & gt; élément, utilisé pour afficher des valeurs scalaires ou fractionnaires dans une plage, et ses applications courantes dans le développement Web. Il différencie & lt; mètre & gt; De & lt; Progress & gt; et ex

Quel est le but du & lt; Progress & gt; élément? Quel est le but du & lt; Progress & gt; élément? Mar 21, 2025 pm 12:34 PM

L'article traite du HTML & lt; Progress & GT; élément, son but, son style et ses différences par rapport au & lt; mètre & gt; élément. L'objectif principal est de l'utiliser & lt; Progress & gt; pour l'achèvement des tâches et & lt; mètre & gt; pour stati

Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement? Comment utiliser le html5 & lt; time & gt; élément pour représenter les dates et les temps sémantiquement? Mar 12, 2025 pm 04:05 PM

Cet article explique le html5 & lt; time & gt; élément de représentation sémantique de date / heure. Il souligne l'importance de l'attribut DateTime pour la lisibilité à la machine (format ISO 8601) à côté du texte lisible par l'homme, stimulant AccessIbilit

See all articles