IE7的web标准之道 Ⅲ（5）
作者：阿一 来源：JustinYoung's Blog 发布时间：2008-08-20 12:55:00
何以称之为“祸首”
这篇文章的题目中，将这个bug称之为“引起页面布局混乱的祸首”。能被称之为“祸首”，自然有其“强悍”的地方。那它到底强悍在什么地方呢？其实，很简单，就3条：
无论是“宽度”的内容过长，还是“高度”的内容过长，都会引发此bug。
无论是文字、图片，还是任意有宽度和高度概念的“可见元素”，它们的“过宽”和“过高”都会引发此bug。
任意有宽度和高度概念的“可见元素”,它们在默认状态下的“overflow”样式的值都是“Visible”（即使你没有设置这个样式）。
有些朋友可能会问，你怎么知道任意有宽度和高度概念的“可见元素”,它们在默认状态下的“overflow”样式的值都是“Visible”的呢？
其实方法很简单，利用IE Developer Toolbar这个工具就可以知道了。下面的文章和截图，可能会对你有帮助：
截图：
图：利用“IE Developer Toolbar”得到元素样式的默认值
如何修复bug
其实这个bug，我们还是有办法修复的，但都不是很完美的解决方案，想要取得较好的效果，还需要一些技巧。下面便是我工作中总结的一套解决方案。小弟才疏，众多不对之处，还请各位高手指教。
修正这个bug首先要洗脑一下，因为错误的认识将不利于你对解决方法的理解。
虽然，那个虚拟的示例网页在IE6中能够“完美的”显示，但是它并不是正确的。我们不能通过css hack的方法让它在FireFox和IE7中显示“靠近”IE6，而是应该“拔下”IE6的那层虚假的“皮”，重新塑造网页，从而让它在IE6、IE7和FireFox中都能正常显示。
就算让网页在IE6、IE7和FireFox中，都可以正常显示了，但却未必就是最终想要的效果。
为了达到最终想要的结果，可能需要使用不推荐使用的措施——css hack。
0
投稿猜你喜欢
- 每个写asp程序人必会的知识！在ASP编程中使用数组数组的定义Dim MyArrayMyArray = Array(1,5,123,12,9
- 我正在开发一个档案管理系统，需要从数据库中同时调出图像及相关的文字说明，可我只做到了单纯地显示图片，像有一个数据库CHUNFENG，在数据库
- 不知道写得对不对啊！错了再改吧！加密函数Function Encodestr(s,xorstr)Dim enFor&nb
- 1、简述asp的6个内置对象和其功能答案 : session ,server ,response,request,objectcontext
- 如何做一个随机密码产生器？<％genPassword = ""RandomizeFor&nbs
- by leecade ：我聊下我的想法 从功能上看，能不能把JS分成3层结构1 语法设计，选择器，常用函数2 业务逻辑（比如封装好常用的TA
- 如何在约定时间显示特定的提示信息？<％Function Greeting()
- SQL语句参考及记录集对象详解1. ASP与Access数据库连接：2. ASP与SQL数据库连接：建立记录集对象：set rs=serve
- 如何用ASP发送HTML格式的邮件？HTML格式的邮件可以把网页上的所有元素，包括文字和图片集成保存在一个文件中，阅读和链接非常便捷，请问在
- 页面大小、窗口大小和滚动条位置这三个数值在不同的浏览器例如Firefox和IE中有着不同的实现。即使在同一种浏览器例如IE中，不同版本也有不
- 内容摘要：本文介绍了使用CSS结合javascript来实现对超链接的类型进行标注，让浏览者明确是zip，doc,pdf或其它格式的文件。这
你是否曾为表单设计感到过沮丧或不知所措呢？接下来三篇文章，希望能彻底改变你的看法，真正爱上Web表单设计。首先感谢Luke Wroblews- 基本上快被这个问题搞疯了，症状如下症状描述：在ie下（6或7，8没有试过）当出现中英文混排，都采用默认字体时，并使用 li 列表做float
- 阅读上一篇：css基础教程属性篇 本篇主要介绍css对边框(border)的属性控制和链接(link)的伪类选择器.边框(border):
- 下拉框连动JavaScript代码，市区二级联动多级联动下拉选择框，动态获取下一级琥珀无限级联动菜单-JavaScript版 <htm
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&
- 不知上过ChinaRen校友录的朋友们有没有注意，ChinaRen在改版后很多方面都进行了较大的改动。例如留言与回复方面已经不再像以前那样，
- 1、简单的按钮js事件 用于判断和显示提示 <script type="text/javascript&
- 全选、全不选、反选这几个功能我们经常会用到，如我们可以用在文章列表管理页面，也可以用在音乐播放页面，使用全选我们可以很方便的进行批量操作，如
- 当用户关闭cookie时，通过asp程序提示访客打开，源代码如下： Dim strCookie, strT
