IE6显示空白页面问题_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 12:19:05997浏览
最近做了一个界面，在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>
回复讨论(解决方案)
页面编码 要与 文件编码一致
记事本打开，另存为 编码选 与页面一致
运行了一下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>
另外head.html只有一张图片，图片的宽为100%，高为90px，如果head.html里面只有一些简单的内容，例如只有一个输入框，这样是可以显示的，但是稍微复杂一点就显示不出来了，另外head.html单独打开始没问题的
中间一条白线是框架的边框吧？
空白是不是因为框架引用的页面head.html的问题？
中间一条白线是框架的边框吧？
空白是不是因为框架引用的页面head.html的问题？
是框架的边框，head.html用IE6打开没有任何问题，显示正常，而且内容超级简单，就是一个图片
经过两天的排查，终于发现，原来是我在样式里面加了一个HTML，body{}的样式，把HTML的样式给去掉就可以了