WordPress在IE下Sidebar显示定位错误的问题已解决

一直使用Firefox,偶尔用IE上一下这个Blog,却发现Sidebar显示在了首页所有文章的下面,究其原因,原来是在最近的几篇文章中,有几个pre或code元素的宽度超出了左边这部分的宽度,从而占用了右边的Sidebar的空间,而IE又没有很好的解决Overflow的问题(参见Migrate apps from Internet Explorer to Mozilla中的CSS overflow differences部分),于是在css中添加如下代码:

#sidebar {position: absolute; left: 120px;}

将Sidebar改为绝对值定位,问题解决,同时将pre和code加上了

overflow: auto;

这样贴代码的时候如果宽度太宽,会自动出现水平滚动条的,当然,由于IE没有很好的支持这项属性,因此在IE下是看不到这个效果的。

3 thoughts on “WordPress在IE下Sidebar显示定位错误的问题已解决”

  1. F’wolf,你好,麻烦你诊断一下我的网站,在firefox中显示是正常的,在IE里面就在网页的头部图片展示的地方(多出蓝色的框框)和它下面的处就错位了。劳烦你有时间就帮我看一下,教我改下,谢谢,我的邮箱在上面已经填了。

    1. 左边的内容太宽了,所以就把右边的内容给“撑”下去了。 需要限制左边的最大长度,另外不要直接放大尺寸的图片,效果是一样的。

Leave a Reply

Your email address will not be published. Required fields are marked *