Edgar Hoo Blog

回宿舍后，用IE 8打开，果然存在问题：

不说Feeds、Blogroll之前出现两个蓝点外，Meta框及版权信息、统计图标都跑到白色区域外了。

而在IE 8打开其他正文处内容长度短于Sidebar栏的时候，更离谱，Meta框以下，全跑到正文处去了。

可之前没对Blue Sandbox个性化之前，电脑前有的浏览器都经过测试，没有问题的。难道是个性化的过程中出现的问题？

昨天用Opera打开多次，也会发现问题，再次打开，没有问题：

在FF也没问题，这更奇怪了。

查看IE 8下的源代码，发现莫名其妙的两个问号：

在Opera查看时没有。这两个问号怎么来的，会不会是这两个问号的缘故呢？

仔细查看源代码、主题代码，没发现什么问题，标签也都闭合了。重新上传Blue Sandbox，启用，各浏览器表现良好，再次证明问题出在个性化之后。

正在毫无对策之时，无意中给自定义widget的Search框里的代码添加修改了几个标签，自己电脑上毫无反应，嫌校园网速度慢，换成宽带后，居然在IE 8显示正常了，难道是速度的问题？可早上的那个地方，网速很快的呀。转到Jaking的电脑去打开试试，他在用校园网，虽速度慢些，用IE 7打开，也正常。起初怀疑莫非我看错了不成。

看来是添加修改的几个标签生效了。Search框先前的代码：

• <li>&nbsp;</li>
• <form action="http://www.google.com/cse" id="cse-search-box">
• ......
• </form>
• <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=zh-Hans"></script>
• <li>&nbsp;</li>

前后两行的<li>&nbsp;</li>是空行，如果用<p>&nbsp;</p>的话，会显得比较宽。

添加修改标签后：

• <ul>
• <li>
• <form action="http://www.google.com/cse" id="cse-search-box">
• ......
• </form>
• <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=zh-Hans"></script>
• </li>
• </ul>

Sidebar的标签嵌套层次为:

• <ul>
•   <li>
•     <ul>
•       <li>
•       </li>
•     </ul>
•   </li>
• <ul>

每个widget都由第一层的<li></li>组成，而内层的<li></li>是每个链接。

按这个差错，表明IE必修按照这层次来嵌套，要么不要第二层的<ul><li></li></ul>，要么严格圈套，不能<li><li></li></li>这么嵌套，而Opera、FF能区分。

虽目前解决了在IE下的显示问题，但那两个问号仍在，不知怎么回事。其他浏览器下查看却没见到这可恶的问号。

@ Nov. 1, 2008 SCUTA

-------这是分割线--------

Flickr 1 / 2