Inhaltsverzeichnis
回复讨论(解决方案)
Heim Web-Frontend HTML-Tutorial 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>
Nach dem Login kopieren


回复讨论(解决方案)

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

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

运行了一下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>
Nach dem Login kopieren

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

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

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

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

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was ist der Zweck des & lt; Fortschritts & gt; Element? Was ist der Zweck des & lt; Fortschritts & gt; Element? Mar 21, 2025 pm 12:34 PM

Der Artikel erörtert den HTML & lt; Progress & gt; Element, Absicht, Styling und Unterschiede vom & lt; Meter & gt; Element. Das Hauptaugenmerk liegt auf der Verwendung & lt; Fortschritt & gt; Für Aufgabenabschluss und & lt; Meter & gt; für stati

Was ist der Zweck des & lt; datalist & gt; Element? Was ist der Zweck des & lt; datalist & gt; Element? Mar 21, 2025 pm 12:33 PM

Der Artikel erörtert den HTML & lt; Datalist & gt; Element, das die Formulare verbessert, indem automatische Vorschläge bereitgestellt, die Benutzererfahrung verbessert und Fehler reduziert werden.Character Count: 159

Was ist der Zweck des & lt; Meter & gt; Element? Was ist der Zweck des & lt; Meter & gt; Element? Mar 21, 2025 pm 12:35 PM

Der Artikel erörtert das HTML & lt; Meter & gt; Element, verwendet zur Anzeige von Skalar- oder Bruchwerten innerhalb eines Bereichs und seine gemeinsamen Anwendungen in der Webentwicklung. Es differenziert & lt; Meter & gt; von & lt; Fortschritt & gt; und Ex

Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Was ist das Ansichtsfenster -Meta -Tag? Warum ist es wichtig für reaktionsschnelles Design? Mar 20, 2025 pm 05:56 PM

In dem Artikel wird das Ansichtsfenster -Meta -Tag erörtert, das für das reaktionsschnelle Webdesign auf mobilen Geräten unerlässlich ist. Es wird erläutert, wie die ordnungsgemäße Verwendung eine optimale Skalierung von Inhalten und Benutzerinteraktion gewährleistet, während Missbrauch zu Design- und Zugänglichkeitsproblemen führen kann.

Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen? Wie benutze ich die HTML5 & lt; Zeit & gt; Element, um Daten und Zeiten semantisch darzustellen? Mar 12, 2025 pm 04:05 PM

Dieser Artikel erklärt den HTML5 & lt; Time & gt; Element für semantische Datum/Uhrzeit. Es betont die Wichtigkeit des DateTime-Attributs für die Maschinenlesbarkeit (ISO 8601-Format) neben menschenlesbarem Text, das Zubehör steigert

Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Was sind die besten Praktiken für die Kompatibilität des Cross-Browsers in HTML5? Mar 17, 2025 pm 12:20 PM

In Artikel werden Best Practices zur Gewährleistung der HTML5-Cross-Browser-Kompatibilität erörtert und sich auf die Erkennung von Merkmalen, die progressive Verbesserung und die Testmethoden konzentriert.

Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Wie verwende ich HTML5 -Formularvalidierungsattribute, um die Benutzereingabe zu validieren? Mar 17, 2025 pm 12:27 PM

In dem Artikel werden unter Verwendung von HTML5 -Formularvalidierungsattributen wie Erforderlich, Muster, Min, MAX und Längengrenzen erörtert, um die Benutzereingabe direkt im Browser zu validieren.

Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Was ist der Zweck des & lt; iframe & gt; Etikett? Was sind die Sicherheitsüberlegungen bei der Verwendung? Mar 20, 2025 pm 06:05 PM

Der Artikel erörtert das & lt; iframe & gt; Der Zweck von Tag, externe Inhalte in Webseiten, seine gemeinsamen Verwendungen, Sicherheitsrisiken und Alternativen wie Objekt -Tags und APIs einzubetten.

See all articles