以上方法其实早已由wiseinfo在 Html+CSS 构建 B/S结构软件界面 — 布局篇 — position方式 中进行过介绍,在该文中,ie6亦是分而治之的,它的方法是在html代码顶部加入“<?xml version=”1.0″ encoding=”UTF-8″?>”,使得ie6进入quirks mode(怪异模式)来完成ie6下的div仿框架,但这样做将出现一些影响比较显著的弊端:
- quirks mode下的ie6连盒模型都变了,就是说你在页面中写任何内容就要慎用padding和border,况且quirks mode下的变化还不止这一点。
- 如果底部使用绝对定位,则会发生“绝对定位基对象(在此为body)高度为偶数时,出现1px空隙”的bug。
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
于是我们需要另辟蹊径。
在很多次失败之后,我终于发现有一个标签可以救ie6于水深火热,那就是最伟大的“<html>”标签,它继承了ie6 quirks mode(怪异模式)下的盒模型状态。
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
利用这一点,我们可以在不太轻松的调整之后完成以下效果:
运行代码框
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
出处:蓝色理想
责任编辑:bluehearts
上一页 div仿框架方法详解 [1] 下一页 div仿框架方法详解 [3]
◎进入论坛网页制作、WEB标准化版块参加讨论,我还想发表评论。
|