变态ie6之要求css与页面编码一致引发的问题

今天遇到了一个问题。某说有个页面可能标签有问题,我用各种ie和狐火打开一看,只有ie6不正常。

正常情况下应该是这样滴,

而在ie6下运行却是这样滴,

一看之下就断言是ie6又不兼容某种样式怎么滴,然后在那儿傻找原因。不对啊,这个页面时抠取的,样式都一样啊,然后我再仔细和原样式比对,真的找不出问题。

关键是在ie6下运行它始终报js错误,

我索性注释掉js,可还是报这个错。然后去网上找报这个错的原因,乱七八糟的。

后面一想不对啊,是整个这一块的样式都没加载,不是某一处啊。然后去网上找ie6下样式不加载的原因,

原来是css和页面编码不一致的原因,在css的头部加上@charset "utf-8";页面就恢复正常了。在网上

找到的解析如下:

问题终于解决了。可还是很纳闷要是编码问题整个页面的样式都应该不加载啊,为什么只有页面下部分不加载呢。狠奇怪。

时间: 2024-10-10 01:01:54

变态ie6之要求css与页面编码一致引发的问题的相关文章

XHTML+CSS基础知识(四):用CSS控制页面

1.CSS写入页面的方法有哪些? 行内式:直接在标签当中利用style属性来写样式表. 内嵌式:将所有的样式表提取出来放到网页头部的style标签当中. 链接式:将样式表单独写成一个.css文件,利用link标签在网页头部引用,W3C标准推荐. 导入式:利用@import来引入样式表,由于效率等等问题已经被淘汰 2.CSS样式表的优先级? 理论上:行内样式>内嵌样式>链接样式>导入样式 实际上:就近原则,内嵌.链接.导入在同一个文件的头部,谁距离相应的代码近,谁的优先级别就更高一些.相当

JS以及CSS对页面的阻塞

一.JS阻塞 所有的浏览器在下载JS文件的时候,会阻塞页面上的其他活动,包括其他资源的下载以及页面内容的呈现等等,只有当JS下载.解析.执行完,才会进行后面的 操作.在现代的浏览器中CSS资源和图片image资源是并行下载的,在IE6中默认的并行的加载数目是2个,在IE6以后以及其他的浏览器中的默认的并行加载数目是6个. 在浏览器从服务器接收到HTML文档后,并把HTML在内存中转换为DOM树,在转换节点的过程中如果引入了CSS文件以及添加了images,则会在文档加载的同时并行的加载CSS文件

转-Eclipse,tomcat及jsp页面编码的设定解决的中文乱码问题

一.Eclipse下编码的设定(在myeclipse下设定方法类似) 1.window -> Preferences -> general -> Workspace -> Text file encoding(这里是设置工作去的编码) 选择Other,将编码改变为UTF-8,这样以后新建立工程其属性对话框中的Text file encoding即为UTF-8. 2.window -> Preferences -> general -> Content Types(

ie6,ie7,ie8 css bug兼容解决记录

ie6,ie7,ie8 css bug兼容解决记录 转载自:ie6,ie7,ie8 css bug兼容解决记录 - 前端开发 断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决 ,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1:li边距“无故”增加 任何事情都是有原因的,li边距也不例外. 先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着

DIV+CSS重构页面时要注意的小陷阱

1\注意你用的是那一种DOCTYPE. 2\CSS要分为多少个文件? 3\采用link和import方式导入样式表有什么不同? 4\注意页面的层次结构,用好ul和li 5\注意h1,h2,h3,h4的区别 6\要记得清除浮动. 7\记得用class或是id 对页面的结构进行一些说明. 8\HTML和CSS都要用<!---->加上适当的注释. 9\不要直接在html的标签中写style 10\JS代码不要直接在对应的标签中写.现在可以调用jquery或是mootools来绑定事件. 11\DIV

常见的IE6兼容以及css兼容

迈着小短腿的YY 常见的IE6兼容以及css兼容 IE6虽然随着XP系统退出市场在国外基本基本消失,但是在国内依然占据很大的市场份额.政务网站.页游官网等依然要考虑到IE6用户的体验.如果你的网站使用CSS3等“新技术”时,就必须果断放弃IE6的兼容. 浏览器添加默认样式 问题: 有些浏览器会给浏览器添加默认样式,而且不同浏览器添加的样式不同,导致布局在不同浏览器发生不同的错乱. 解决: 清楚默认样式,保证不同浏览器样式统一.(百度中有很多不错的清除样式模板)以下是我自己常用的清除样式文件: 1

php页面编码与字符操作

我们可以用header来定义一个php页面为utf编码或GBK编码,也可以在html中用meta标签来指定编码 例如:php页面为utf编码    header("Content-type: text/html; charset=utf-8"); 我们通常使用header或meta,下面说一说两者的区别 一.采用meta页面编码 用meta来设置页面编码 1 <meta http-equiv="content-type" content="text/

html div+css做页面布局

http://blog.csdn.net/mercop/article/details/7882000 HTML CSS + DIV实现整体布局 1.技术目标: 开发符合W3C标准的Web页面 理解盒子模型 实现DIV+CSS整体布局 2.什么是W3C标准? W3C:World Wide Web Consortium,万维网联盟    W3C的职能:负责制定和维护Web行业标准    W3C标准包括一系列的标准: HTML内容方面:XHTML 样式美化方面:CSS 结构文档访问方面:DOM 页面

PHP 页面编码声明方法详解(header或meta)

php的header来定义一个php页面为utf编码或GBK编码 php页面为utf编码 header("Content-type: text/html; charset=utf-8"); php页面为gbk编码 header("Content-type: text/html; charset=gb2312"); php页面为big5编码 header("Content-type: text/html; charset=big5"); 通常情况以