IE浏览器侧边栏sidebar错位问题 ie6右边栏下沉css代码解决

2014年9月24日 发表评论 阅读评论

现象一:侧边栏位于留言框位置的右下角,既侧边栏原来位置的下面且左边没有内容的地方。
原因:不同的浏览器对.css + HTML 的渲染算法稍有区别,这导致了常常firefox里面正常的,在IE7里面有点点不一样,在IE6里面浏览器认为,右边的空间不够用了,只好将侧边栏放到位于侧边栏原来位置的下面且左边没有内容的地方,于是就侧边栏错位了。
解决方法:修改主题包里的style.css文件。关键是修改里面的page和content两个div容器对应的宽度大小width属性值。要么让前者变大点,要么让后者变小点,这样对于发生错位的浏览器来说,侧边栏有足够的空间可以放了。操作很简单,你根本不需要任何.css的知识,搜索#page 找到后,看它的width属性的数值,比如970。那么你将整个style.css文件里面所有数值是970的都改大一点点,比如980,反正直到浏览器正常显示为止。当然也可以修改content那个数值,方法类似。
现象二:侧边栏位于留言框下面。
原因:如果,只是个别网页有这种情况。那么不是主题包的问题了,是你博客文章的HTML代码里面包含一些类似<div><!–DC? 这样的代码,按照HTML的规则,类似C语言,一个<div>是要于</div>对应的,他们里面还可以再包含<div><div>,这里平白无故多出来个<div>,导致浏览器在解析时候把这个div开始到侧栏甚至底部都作为这个div容器的一部分了,自然,在渲染时候,他就把侧栏也当作左边正文content的一部分了,于是就给弄到留言框下面了。
现象三:文章右移或下沉置左
原因:More标签嵌套到居中对齐中。

dota闪电站小猪也碰到了这个问题,一般都是因为css左右两边加起来超过了容器的宽度,超过1个px也不行,都会沉下来。可以用IE自带的开发人员工具去测试。ie的css解释和其他浏览器有些是不兼容的

也有可能是网页html代码或者css代码引起的。


转载请注明来自:[MSN Spaces]http://msn.shandian.biz/778.html

  1. 本文目前尚无任何评论.