我才12岁 ?

文章关键字 ‘IE6’

IE6、IE7 下的浮动bug at 2008.10.4 12:12

开门见山，我们首先看一下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>



test { background:#0099FF; overflow:hidden; padding:5px; width:300px;}



.testblock { float:left; height:100px; width:100px; background:#000; margin-right:20px; margin-bottom:100px;}
</style>
</head>
<body>
<div id="test">
    <div class="testblock"></div>
    <div class="testblock"></div>
</div>
</body>
</html>

大家在心中勾画一下应该是什么结果呢？看一下在 IE6、IE7 下的显示把：

.testblock 的左 margin 起效，而下 margin 未起效，再来看看该段代码在 IE8、Firefox、Opera、Safari 以及 Google Chrome 下的显示：

两个 margin 都起效了，您可以通过各种浏览器打开这个页面查看效果。IE6、IE7 的下 margin 真的没有起效吗？我们再为 #test 添加两个内 div，看看会是什么效果：

继续阅读 »

绝对定位时IE6下无法正常选择文字的解决方法 at 2008.7.22 16:04

今年在制作 Comsenz 网站的时候，除首页外使用了绝对定位的布局，但是，在后来发现了一个问题，就是在 IE6 下不能正常选择绝对定位的元素内的文字（即当元素的被设置 position:absolute; 时，将引发此问题，relative 不会出现这种问题）。在网上搜了搜，解决的办法就是进入 Quirks Mode 模式，很明显，这并不是我想要的，那么我现在面临两条路：一是放弃绝对定位的布局方式，一是找到解决方法。当然，我并不愿意放弃这种布局模式，因为我感觉使用起来确实很方便，那么我该如何去解决在 IE6 下的问题呢？

在做这个网站的最初，我就决定不用不符合标准的 HACK，而尽量去使用条件注释解决 IE 下出现的问题，因此，我通过条件注释为 IE6 单独设置了一个特殊的 CSS 文件。那么现在我要做的就是让盒子在除 IE6 外的浏览器上使用绝对定位布局，而在 IE6 内使用浮动来布局。

继续阅读 »

这位姐姐，你好，你的浏览器版本太低了，为了避免您中毒，请您升级您的浏览器！