因为之前发现在vista上的ie7有bug，且没有好解决方案，所以一直不敢项目上使用，之前虽然有看到有个用304的方案(via Data URIs, MHTML and IE7/Win7/Vista blues)，但觉一来做起来折腾，一来效果也不好，特别是hover时。

ie7 vista的bug大约这样，相应文件一旦local cache 后，浏览器就读不到。

今天，我要骄傲的跟大家，有两种可行的解决方案

方案1

Content-Type:multipart/related;boundary="_aoao_org_cn"
--_aoao_org_cn
Content-Location:aoao.gif
Content-Transfer-Encoding:base64
... base64...
--_aoao_org_cn--

注意最后的“--_aoao_org_cn--” ，查了不少资料，原来标准写法就是这样！（via rfc2557 第7页） 囧rz

这个故事跟我们说一件事：有问题，查文档。 我之前一直以为cache到本地后浏览器木权限用

方案2

------=_NextPart_000_0000_12345678.12345678
Content-Location:aoao.gif
Content-Transfer-Encoding:base64
... base64...

如果你有用ie存mht并研究结构的话，应该会觉得很眼熟，很神奇，但唯一的问题就是只能用一张图片，囧rz 反正有方案1，无视之。

伴随这个不是bug的bug的终结，相应的工具与应用也要浮出水面了。

推荐本书：《Web标准设计》

2.12以前的版本不清楚，maxthon自身的问题不关心，我只关于它跟原生IE的区别。目前已经发现的这样多。

• 在特殊情况下windows.opener不见了。出现在2.12 ，2.14正常-_-b。
• input出自动完成列表，双击内容，focus/blur 有时会有问题，2.14问题依然。
• 写dragdrop时注意不要DD图片，因为会“漂移”，真是伟大的设计。
• “广告”问题。 
• 据说马桶有个时间200ms，我们要用201ms来解决问题。
• 如果内核是IE6，maxthon的zoom好像有很多奇怪的问题。
• 2.13好像有个什么问题忘记了，前些天有同学报，忘记了，挖哈哈。

终于发现这个链接很重要了：Maxthon Bug Reports，以后有空我会常常去看的。

下周如果有空的话，我可能开始研究一下bug，Maxthon的fans就别来告诉我它还有很多很多好的设计，我的Windows只是用来调试bug的。

推荐本书：《Web标准设计》

简单的来说，它的功能就是把网页的某一块“剪”出来放收藏夹里。这个功能与Mac OS上的Web Clip Widget性质不大一样，Web Clip是由用户自由剪网页，而WebSlices是要网页输出特定的格式可以“剪”的。如果你已经装了IE8的话，来我的站上逛下，应该可以看到这图片里的效果：

是不是感觉很无聊滴样子，当然，是在blog上是没什么特别的效果。M$介绍了个应用：ebay的IE8特别版，比如把某个正在拍卖的商品剪出来就有意义了。实现的方式其实很简单，只要指定HTML的class与ID就行，看一下列子：

<div class="hslice" id="testWebSlice">
<p class="entry-title">传说中滴标题</p>
<div class="entry-content">传说中滴可以被剪的内容</div>
</div>

是不是看到entry-title和entry-content感觉有点熟悉呢？嗯，就是Microformats的hAtom，那些差点给人忘记的东西给M$翻出来用了。其实我的Blog一直渗着hAtom的约定，只是所有渗着hAtom的内容却不适合WebSlices，要注意的一点点就是，ID不能少。-_-b 介于M$IE比较强的特点，ID可以用数字，人家官方的例子就是用数字当ID。

除了设置要剪的内容话，还可以设置过期的时间，比如：

<p>End time:<abbr class="endtime" title="2008-02-28T17:00:00">1 day 18 hours</abbr></p>

跟Microformats一样的用法，不过选的class是endtime而不是dtend。当浏览器发现过期时会显示过期的标记。

同时也可以用跟RSS一样作用的ttl来定最长缓存时间，比如：

<p>This clip updates every <span class="ttl">15</span> minutes </p> 

你甚至可以用Feed来重定向被剪的内容，只要在entry-content中加上：

<a rel="feedurl"href="auction.microsoft.com/item.xml">Subscribe to WebSlice</a> 

M$的白皮书少了个“h”，href跟ref是两回事，完全就是在欺骗我的感情。白皮书中说到要在Feed中加上一些特定的元素来指定ttl endtime等属性，不想再复制代码了，有兴趣的同学查书去。

同时可以指定默认的WebSlices，只要在head里加上：

<link rel="default-slice" type="application/x-hatom" href="www.example.com/#auction" />

也可以控制WebSlices在网页里不出现剪切的提示，在head加上：

<meta name="slice" scheme="IE" content="off" />

白皮书中还有一些关于样式的有效范围和一些认证跟其他一些东东，有兴趣的朋友可以看一下：Internet Explorer 8 Beta 1 Whitepapers – Release:WebSlices

推荐本书：《Web标准设计》

测试页面，IE打开

再配合overflow:hidden就可以搞定问题。

不要问我这个是为什么，我也不知道原因，谁知道跟我说下，我也是那里玩时偶然发现的。XD　代码在这里

<div class="wrapper">
<div class="sbox">Content</div>
<div class="sbox">Content</div>
</div>

.wrapper{
clear:both;
float:left;
width:150px;
border:3px #666 solid;
padding:3px;
background-color:#efefef;
}
.sbox{
/*clear:right;*/
float:left;
width:100px;
height:100px;
border:1px #000 solid;
background-color:#ccc;
}

推荐本书：《Web标准设计》

min-height 属性

min-height 属性会设置或检索一个值，该值指定元素的最小高度。对于 Internet Explorer 6，此属性只应用于固定布局表中的 TD、TH 和 TR 元素。无论文档中的 !DOCTYPE 声明是否打开符合标准的模式，您都可以使用此属性。

元素的 height 默认情况下设置为 auto。使用此默认设置时，元素的高度会进行动态调整。您可以使用 min-height 属性来指定固定布局表中单元格或行的最小高度。

table.fixed{ table-layout:fixed;}
td{ background-color:#CCCCCC; min-height:100px;}

例子在这里

哎！有总比没有的好。特别的东西也只有在特别的情况下有用！

推荐本书：《Web标准设计》