CSS DIV 布局网页内容 在IE下不显示的原因

Question

DIV+CSS 布局的网页 在IE下部分或全部内容不显示 在Firefox chrome等标准浏览器中显示正常 想请教一下 造成此类问题的原因有哪些 及为何会如此 希望能有明白人不吝赐教 复制党请低调瓢过 不要浪费自己的时间去浪费别人的时间 谢谢! 下面的 错误演示图片 如果太小 查看不便 可查看原图 标示
当前页面为UTF8编码 未使用任何JS脚本 在IE下 主体页面内容不显示 右健查看源代码 内容均解析正常 并加载 在 Firefox等标准浏览器 均正常 IE版本 为 IE7 偿试过使用 IE.JS 未能解决, 满分诚心求教 特别希望您能给指点一下造成此类问题的原因有哪些 谢谢!
经过一小天的折腾 这个问题最终我自己解决了
虽然楼下各位的方法均不正确
但还是非常感谢你们的回答 谢谢
此问继续挂这儿 因为虽然我解决了 但是造成这类问题的原因我还是不十分确定及理解
所以 希望能就此问 继续聆听各位的高见
我解决的方法是 把当前页面样式中所有涉及隐藏部分的 属性 全去掉 (display: none; )
然后想其他方法把需要隐藏的内容处理一下
只是还没发现具体是哪一级样式中的 display: none; 影响到的
这个再排查吧 谢谢大家!

Answer 1

IE下 如何使用了短标签 并且为这个标签包含的样式赋予了隐藏属性, 同时如果其中还有负边距的话,
哪么基本上出现这个问题机率是百分之八九十, 原因不明
你看下你是不是也符合上面罗列的条件 后出现的这问题
解决方法是 尽可能避免上面罗列出来的条件
如果一定要使用像上面说的哪样条件下的样式 哪建议使用 if ie 注释 针对IE 单独搞一份样式

Answer 2

不同版本浏览器对CSS的解析有差异。确认包含主体内容的div样式是否有问题，可以找个CSS初始化的代码放在CSS文件的最前面，再看不同浏览器中的差异。

Answer 3

把全部页面的编码属性调整DB2312试试

Answer 4

1.尝试将编码改成GB2312看看是否可行？
2.查看一下你的html结构和css文件里面有中文注释吗？有时候，中文的注释会因为编码错误产生乱码影响html和样式的输出，我以前曾经历过。那次是因为css文件的中文注释编码错误变成英文乱码和css正文错误连接，造成样式混乱。
3.还有一个就是css和html文件meta设置编码最好要一致，可以尝试用记事本打开css文件-》另存为（此时在下方可以选择编码方式，选择一下utf-8），覆盖保存，试一下。或者在CSS文件最顶部放在@charset "utf-8";

反正，总之，我遇到的类似情况基本都是编码的问题，你可以参考

追问

我知道 在IE下 页面文档为UTF8编码时 如果使用了不严谨的JS语句
可能导致部分内容或页面内容不显示的问题 但在这里于我的情况不适用
因为我未使用任何JS 脚本
改编码是不符合实际需要的 注释影响输出 这个我还真是头次听说
系统默认的记事本不能很好的处理UTF8编码文档 这是常识
不过 谢谢你的回答

追答

我想你可能没明白我的意思，在css 中用中文注释，如果编码错误的话，生成的乱码可能会和css内容部分错误结合，因为不同文件编码不同步的话，html页面去包含外部文件的时候就可能按照它自己的编码方式进行。这只是中情况，我并没说这一定会发生。
系统默认的记事本不能很好的处理编码是有时候当没有BOM的时候记事本不能严格区分ANSI文件和UTF-8文件，但是通过另存为重选编码是一种简单一些的方法，我只是想说明你可以尝试同步编码来解决问题，并不是说你一定要按照我说的是使用记事本同步还是其他的平台。
如果你做过DotNet开发，或者使用过vs平台，可能你会发现，它自带的编译器好用的多，
你看一下这个可能有帮助：
http://hi.baidu.com/lssbing/blog/item/d2074a1635763910972b43d8.html

Answer 5

1.没有定义高宽
2.文字颜色和背景色相同
3.z-index不在最底层
4.代码书写不规范