IE解析完全相同html代码的不同表现

简介:
昨天晚上一不小心被IE折磨惨了,明明在*.htm中显示非常完美的HTML代码,原样放入*.aspx文件中后,就完全歇菜啦!俺把doctype也折腾了个遍,还是丝毫不得要领。难道是传说中的rpwt?! 如果您有任何讲解和建议,请不吝赐教。

    为了突出问题,我就做一个简化了的示例来表示。看如下html代码(其实超级简单,当然也正是越简单才能越说明问题,同时也就越郁闷):
< table  border ="1"  style ="display: inline;" >
     < tr >
         < td >
             < span  style ="font-family: Tahoma;" >abc </ span ></ td >
     </ tr >
</ table >
< table  border ="1"  style ="display: inline;" >
     < tr >
         < td >
             < span  style ="font-family: Tahoma;" >一二三 </ span ></ td >
     </ tr >
</ table >
< table  border ="1"  style ="display: inline;" >
     < tr >
         < td >
             < span  style ="font-family: Tahoma;" >一二三abc </ span ></ td >
     </ tr >
</ table >

    就这个html代码片断,当我以不同的文件扩展名存储在服务器上,并用IE6访问时,居然得到完全不同的效果,下图分别是htm、aspx和asp三种类型文件显示的结果:
     HTM.ASPX.ASP.gif
    看出来*.aspx文件的问题了吗?html代码完全相同的三个文件,只有文件的扩展名不相同,用IE6访问,结果*.aspx文件中对于英文字体的显示和*.htm或*.asp不尽相同。在Tahoma这个字体下,英文内容的那个表格莫名其妙的别的表格矮了2px("abc" dropped 2px)。

    想了很久又反复试验了很多文档设置参数,依然不能让IE自身解决掉这个问题。最后实在是没办法了,使用添加外层的容器的方式,总算是勉强修正了*.aspx文件中显示纯英文容表格高度不足的问题。就是在table元素外添加div容器,然后让table高度为100%,代码示例为:
< div  style ="height: 1px;" >
     < table  border ="1"  style ="display: inline;"  height ="100%" >
         < tr >
             < td >
                 < span  style ="font-family: Tahoma;" >abc </ span ></ td >
         </ tr >
     </ table >
     < table  border ="1"  style ="display: inline;" height="100%" >
         < tr >
             < td >
                 < span  style ="font-family: Tahoma;" >一二三 </ span ></ td >
         </ tr >
     </ table >
     < table  border ="1"  style ="display: inline;" height="100%" >
         < tr >
             < td >
                 < span  style ="font-family: Tahoma;" >一二三abc </ span ></ td >
         </ tr >
     </ table >
</ div >

    问题貌视是解决了,可是为什么*.aspx文件在IE中就会特殊呢???

    软件环境:
        1、Windows XP SP2 en, IE6 + SP1

        2、Windows 2003 SP1 en, IE6 + SP1


本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

目录
相关文章
|
3月前
|
XML 前端开发 C#
C#编程实践:解析HTML文档并执行元素匹配
通过上述步骤,可以在C#中有效地解析HTML文档并执行元素匹配。HtmlAgilityPack提供了一个强大而灵活的工具集,可以处理各种HTML解析任务。
236 19
|
8月前
精美按钮式广告代码HTML分享
精美按钮式广告代码HTML分享
216 4
|
9月前
|
算法 PyTorch 算法框架/工具
昇腾 msmodelslim w8a8量化代码解析
msmodelslim w8a8量化算法原理和代码解析
709 5
|
11月前
|
搜索推荐 UED Python
实现一个带有昼夜背景切换的动态时钟:从代码到功能解析
本文介绍了一个使用Python和Tkinter库实现的动态时钟程序,具有昼夜背景切换、指针颜色随机变化及整点和半点报时功能。通过设置不同的背景颜色和随机变换指针颜色,增强视觉吸引力;利用多线程技术确保音频播放不影响主程序运行。该程序结合了Tkinter、Pygame、Pytz等库,提供了一个美观且实用的时间显示工具。欢迎点赞、关注、转发、收藏!
471 94
|
10月前
|
数据采集 存储 调度
BeautifulSoup VS Scrapy:如何选择适合的HTML解析工具?
在Python网页抓取领域,BeautifulSoup和Scrapy是两款备受推崇的工具。BeautifulSoup易于上手、灵活性高,适合初学者和简单任务;Scrapy则是一个高效的爬虫框架,内置请求调度、数据存储等功能,适合大规模数据抓取和复杂逻辑处理。两者结合使用可以发挥各自优势,例如用Scrapy进行请求调度,用BeautifulSoup解析HTML。示例代码展示了如何在Scrapy中设置代理IP、User-Agent和Cookies,并使用BeautifulSoup解析响应内容。选择工具应根据项目需求,简单任务选BeautifulSoup,复杂任务选Scrapy。
231 1
BeautifulSoup VS Scrapy:如何选择适合的HTML解析工具?
|
11月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
515 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
11月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
331 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
9月前
|
传感器 监控 Java
Java代码结构解析:类、方法、主函数(1分钟解剖室)
### Java代码结构简介 掌握Java代码结构如同拥有程序世界的建筑蓝图,类、方法和主函数构成“黄金三角”。类是独立的容器,承载成员变量和方法;方法实现特定功能,参数控制输入环境;主函数是程序入口。常见错误包括类名与文件名不匹配、忘记static修饰符和花括号未闭合。通过实战案例学习电商系统、游戏角色控制和物联网设备监控,理解类的作用、方法类型和主函数任务,避免典型错误,逐步提升编程能力。 **脑图速记法**:类如太空站,方法即舱段;main是发射台,static不能换;文件名对仗,括号要成双;参数是坐标,void不返航。
376 5
|
11月前
html实现的文字发散动画效果代码
html实现的文字发散动画效果代码
166 30
|
11月前
|
移动开发 前端开发 HTML5
基于HTML5+Canvas绘制的鼠标跟随三角形碎片光标动画代码
基于HTML5+Canvas绘制的鼠标跟随三角形碎片光标动画特效代码,很有意思,一团三角形碎片跟随鼠标的移动,不冗长、不笨重,反而有一种很轻盈的感觉,非常不错
186 29

推荐镜像

更多
  • DNS