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

转载 2006年06月04日 20:46:00
昨天晚上一不小心被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://birdshome.cnblogs.com/archive/2006/05/23/htmaspxasp.html

谷歌浏览器,font-size用em做单位的bug

在谷歌浏览器上,如果你有类似以下的css代码body { margin: 0; font-size: 1.4rem; line-height: 1.5; background-colo...
  • a5799694
  • a5799694
  • 2015年03月31日 23:03
  • 797

Java中解析html代码(四)

在使用java去访问一个网页的时候并获取到响应正文的时候,就要用到Jsoup来解析html代码。Jsoup可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DO...
  • qq122627018
  • qq122627018
  • 2016年05月21日 23:56
  • 992

leetcode笔记:Anagrams

Anagram(回文构词法)是指打乱字母顺序从而得到新的单词,比如"dormitory" 打乱字母顺序会变成"dirty room" ,"tea" 会变成"eat"。...
  • liyuefeilong
  • liyuefeilong
  • 2015年10月25日 23:34
  • 1633

IE和谷歌浏览器显示&nbsp;效果不一样解决办法

空格在ie、firefox、chrome浏览器上显示的效果不太一样,主要是前面的空格宽度不同,这可能是因为不同的浏览器会有不同的默认字体,一般 IE默认字体都是宋体,下面为大家介绍几种不错的解决方法...
  • java_myheart
  • java_myheart
  • 2014年09月27日 13:53
  • 2920

解决 html 代码不解析 的问题

从数据库中拿出一段html代码,想在页面上显示,结果把html代码显示出来了, 查看html源代码没有任何异常,而且只要在firebug中稍微修改一下代码,立刻就解析了。 什么....., 浏览器并没...
  • hakunamatata2008
  • hakunamatata2008
  • 2010年01月06日 11:15
  • 2529

浏览器解析HTML过程

下面这部分内容是在网上找的,说的挺生动的,所以就直接引用了: Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验   简单地说,页面渲染就是浏览器将html代...
  • alspd_zhangpan
  • alspd_zhangpan
  • 2017年01月05日 11:10
  • 314

做人做事,做架构师架构师能力模型解析

转载:http://blog.sina.com.cn/s/blog_757658ba0100r19k.html 要想从一名普通程序员发展成为优秀的架构师,个人特性与技术技能缺一不可;...
  • h396616855
  • h396616855
  • 2013年07月24日 15:29
  • 815

判断IE以及加载不同的js

$(function(){ var _IE = (function () { var v = 3, div = document.createElement('div'), ...
  • luckytjx
  • luckytjx
  • 2015年09月18日 23:04
  • 681

不同IE版本,引入不同的js文件。两种实现方式

不同IE版本,引入不同的js文件。两种实现方式
  • zhangfeng2124
  • zhangfeng2124
  • 2016年12月22日 17:31
  • 977

不同浏览器读取XML问题

IE和火狐读取XML的方式不同,所以也导致了系统兼容性的问题,下面介绍一种我认为比较好的兼容IE、火狐的读取XML方法。 因为IE和火狐在读取XML节点是有不同的属性,而我们不能再每次写一个节点的时...
  • laner0515
  • laner0515
  • 2013年04月10日 19:54
  • 3537
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:IE解析完全相同html代码的不同表现
举报原因:
原因补充:

(最多只允许输入30个字)