解决了wordpress在IE6侧边栏错位的兼容性问题

前段时间我建的新站 狐客 http://foxhook.com 用的是wordpress3.2.1的, 结果不支持IE6, 在IE6下改了很久, 昨天终于想到办法并解决了:

解决办法:

1. 在index.php, 新建一个table, 一行两列, 将"mainleft"的div放入左表格, 将 "sidebar" 放入右表格. 附上代码如下, 看上去是十分简单的:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>

<td valign="top"><div id="mainleft">
/*********** 左边部分内容 ***********/
</td>

<td valign="top"><div id="sidebar">
/*********** 右侧边栏内容 ***********/
</td>

</tr>
</table>
复制代码


看上去是不是很简单? 没错! 就是这么简单, 大家都会的, 就可以解决IE6的兼容性问题!

2. 表格的属性需要添加 "vlign=top" 这一项, 不然侧边栏仍然会下掉.

3. 将代码复制到archive.php, search.php等相对应的页面内

4. OK, 再次在IE6下,检查, 一切正常了, 现在, IE6, IE7, IE8, IE9, Firefox, chrome, sofira, 360, 搜狗 全部都正常了.
5. 当然, 在某些DIV方面, 还需要hack一下, 做些兼容性处理, 这些都是小细节了, 不多说了.

总结: 虽然用table的方法有些过时了, 但是在这里能解决一个兼容性问题, 也算是挺好的, 总之解决问题为目的, 不能为了刻意的追求新技术. 有时候table还是很有用的.  

OK, 就到这里了, 又搞定一个BUG了, 小小庆祝一下.

最后欢迎光临偶的站点 狐客 http://foxhook.com. 欢迎交流.

ie1怎么办呢?