现象描述:最近在遇到的问题就是在在Chrome,火狐页面都正常,唯独在IE8下页面显示错位。
查找过程:经过ie8的F12调试,发现在文本模式中会自动变为 杂项Quirks,而不是变为 标准模式,所以查找相关代码。
结论:<!DOCTYPE >的三种不同格式导致的这个问题。 详细见下面
原来使用的是 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" >
现在改成 <!DOCTYPE HTML > 或者 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
改完之后问题解决。
DOCTYPE可声明三种 DTD 类型:严格版本(Strict)、过渡版本(Transitional )以及框架版本(Frameset)。
Eg:HTML 4.01 、XHTML 1.0
Strict DTD
干净、免于表现层混乱、与层叠样式表(CSS)配合使用:
HTML 4.01 :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
XHTML 1.0:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Transitional DTD
包含 W3C 所期望移入样式表的呈现属性和元素,如果使用了不支持层叠样式表(CSS)的浏览器以至于不得不使用 HTML /XHTML的呈现特性时,使用该类型。对于一般开发者而言,若对页面没有特殊的要求且想保持兼容性,使用该类型足以。
HTML 4.01 :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Frameset DTD
用于带有框架的文档。(HTML 4.01 中除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于Transitional DTD)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
HTML5基本上没有XHTML 1.0 Transitional严格的要求,并且简化了很多东西可以直接使用 <!DOCTYPE HTML>
Html5 :<!DOCTYPE HTML>
相关推荐
DOCTYPE html>文档都上方的,但是在IE8浏览文本模式默认就编程了“Quirks”模式,显示不正常,后来改成了写在文档头下方就可以正常显示了,经过这次吸取了教训,也希望给遇到此类问题的同学一个借鉴的灵感!...
4. 超文本页面信息保存 五、实验步骤 1. 利用"开始"菜单启动IE浏览器。 单击“开始|程序|Internet Explorer”命令。如果你的电脑已经连入Internet,则运行IE后,将进入其起始页。IE默认的起始页是微软公司的主页。若...
1)修正IE8非兼容模式下的部分功能及页面不可用的BUG! 2)修改MSN在线状态检测地址为官方地址. 3)修改ICQ在线状态检测地址为官方地址. 2009/05/11 Version 6.0.3 For VS2005/2008 Updates: 1)修正了IE5.5和IE6.0...
商品列表页支持多种分类浏览,包括一行四个商品图片式、单条商品小图列表显示以及纯文字式显示,可以根据不同喜好自行选择,商品搜索方面支持按品牌、编号、名称进行模糊查询操作。 Shop7z拥有强大的订单管理功能,...
2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置控件的事件 第3章 字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过...
2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置控件的事件 第3章 字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过...
浏览模式:浏览模式为MyIE中的设置的一种组合,大家可在不同的时候使用不同的模式。目前设有自定义,标准,和新闻三种。使用中对设置的修改会自动保存在自定义模式中。 设置页面背景色:可改变页面的背景色方便...
Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...
1、设置网站页面在客户端浏览器的解析模式 231 2、JS屏蔽网页错误不在状态栏显示 236 3、浏览器版本的判断 236 4、编写跨浏览器兼容性的JS代码时,常用到的判断代码 237 5、JS 计算网页内容的宽与高 (浏览器的标准...
-在任何PDF页面里都可以直接输入,不仅仅是Adobe所允许的表单文档——在打字机(Typewriter)模式下 -导出PDF页面或者整个文件到任意一种支持的图形格式,包括BMP,JPEG,TIFF,PNG等等等等… -从PDF页面/文件里提取...
可酌情拖进右侧不同的小工具中,如下图右,让不同页面显示不同的侧边小工具。 另外,主题自带的小工具功能设置,并没有直接写到小工具中(代码过于复杂),需要到主题设置中进行相应设置。 ■ 添加公告 启用...
在商品分类中、新品中、特价中等所有类别都可以按不同的浏览模式选择浏览,支持按价格高、低排序浏览、按销量高、低排序浏览、按人气高、低排序浏览,以及默认的按商品添加时间顺序浏览,新的报价中心功能可以按商品...
9、独创的产品图片及图片模块图片多种样式显示模式,支持同一产品添加无限张图片; 10、翻页样式、每页信息显示数、时间格式、热门信息点击次数、最新信息发布天数等完全实现后台自定义; 11、DIV+CSS布局,全部兼容...
修复:IE浏览器 职位发布页面兼容问题 修复:微信端个人自我介绍无法填写长文本 修复:微简历发布次数验证问题 修复:快速投递简历完整度判断调整 修复:在线留言兼容问题 修复:企业详情展开收起错位 修复:...
11 第六节 div+css的兼容性问题 11 一、div的垂直居中问题 11 二、margin加倍的问题 11 三、浮动ie产生的双倍距离 11 四、IE与宽度和高度的问题 11 五、页面的最小宽度 12 六、DIV浮动IE文本产生3象素的bug 12 七、...
参数 标识, 文本型, 可空, 如果有多个程序用到禁止重复运行功能,建意给每个程序定个不同的标识.任意文本 .参数 窗口句柄, 整数型, 可空, 如果参数被省略,不还原最小化的窗口 .子程序 _卸载热键, 逻辑型, 公开, ...
隐私浏览:作为一个隐私模式的设计,Avant浏览器不会在你的电脑中保存网页数据。因此,在你使用隐私浏览期间,与你共用电脑的人将不能看到你访问过哪些网站、网页和文件。 更新日志: [Fix]开启Roboform工具条时alt...
Set_IE_Scrollbars 设置IE是否出现右边的滚动条,可以适用于单个,多个,整个站点的页面 MX174513_Super_Email 插入一个不打开客户端的默认邮件程序来发送email的超连接 iframei 一个面板插件,可以对iframe标签...
设置IE是否出现右边的滚动条,可以适用于单个,多个,整个站点的页面 MX174513_Super_Email 插入一个不打开客户端的默认邮件程序来发送email的超连接 iframei 一个面板插件,可以对iframe标签的属性进行设置...
1)修正IE8非兼容模式下的部分功能及页面不可用的BUG! 2)修改MSN在线状态检测地址为官方地址. 3)修改ICQ在线状态检测地址为官方地址. 2009/05/11 Version 6.0.3 For VS2005/2008 Updates: 1)修正了IE5.5...