Home > Article > Web Front-end > Can anyone please help me figure out this misalignment problem? Thank you! ! ! _html/css_WEB-ITnose
使用wordpress做了一个小站,用的一个主题叫做Seven。
在chrome和firefox下很正常,但是在IE下footer部分会出现错位。
具体表现是最下面的foot栏跑到了整个页面的中间。
对CSS不是很了解,请问哪位大侠可以帮忙看看?!
是非感谢!!!
你不把可直接测试的代码贴上来,大虾?怎么帮忙给你看呢?都不想想,呵
除了贴代码,你最好还要把有问题的效果图片弄上来,那样才直观点
网址在哪里~~~
可能是footer部位的float或者定位没有确定 ie没有默认值 检查一下position的属性
这是浏览器的问题吧,估计多刷新几次就好了
各位对不起,我着急的忘记了。。。能@一下各位吗?
网址是:http://ruifa.w174.mc-test.com/
在IE下错位,在chrome和firefox下正常。
多谢各位了!
@linhai333 @maomaojiashu @bester214 @xzy88
楼上你要干什么。。。
怎么个错位法?
我看着都正常啊
只是在IE8以下的浏览器
页面就乱的一塌糊涂了
怎么个错位法?
我看着都正常啊
只是在IE8以下的浏览器
页面就乱的一塌糊涂了
我在IE8上看也是乱的啊,
我用IE10与chrome测试感觉正常啊
本地也没低版的IE了,不方便测试
如果只是IE6有问题,我觉得,可以不用管它了
其它的,IE7以上,还是要处理一下,其实CSS这方面我也不是很懂,给你推荐个大虾吧@showbo,看他是否有时间帮你解决下
干这行的,需要有具体的代码,才能具体分析什么问题。
我用IE10与chrome测试感觉正常啊
本地也没低版的IE了,不方便测试
如果只是IE6有问题,我觉得,可以不用管它了
其它的,IE7以上,还是要处理一下,其实CSS这方面我也不是很懂,给你推荐个大虾吧@showbo,看他是否有时间帮你解决下
先谢谢了。
怎么个错位法?
我看着都正常啊
只是在IE8以下的浏览器
页面就乱的一塌糊涂了
IE8也错位呀,就是最下面的footer一行全都跑到屏幕中间了。
干这行的,需要有具体的代码,才能具体分析什么问题。
你看看通过这个网址能看出问题来吗?谢谢了!
http://ruifa.w174.mc-test.com/
就是在ie8里面footer跑上面去了嘛 在footer里面加个position: absolute; clear:both;试试 应该是定位问题
就是在ie8里面footer跑上面去了嘛 在footer里面加个position: absolute; clear:both;试试 应该是定位问题
试了一下,还是不行。
会不会是上面的样式定义的有问题导致的?
让我猜猜网址是什么。。
把footer放到div里面不行吗?把它的absolute属性去掉
加个块级元素div试试,把footer放到另一个div。
<aside class="sidebar"> </aside></div><!--End for wrapper--><div><footer id="footer">Copyright©河北瑞发散热器有限公司 2012 </footer></div>
position:relative;
上面发错了
body下面多加一个div调试一下 把wapper和footer都包含进去看还有这个问题没
933a9abcf4147e2045c3dc9d79c602bc的元素,本来是用 clear-block:after清理的浮动,但是 IE8不支持:after属性,所以没有清理浮动,导致 section id="home"高度为零。
解决办法:
在933a9abcf4147e2045c3dc9d79c602bc ... 16b28748ea4df4d9c2150843fecfba68
append一个元素519e184c3e3c9e9d2446fd6b8ee4047116b28748ea4df4d9c2150843fecfba68
说错了,应该是 532e93bbd9e75a2ab0798982c4708686 ... 16b28748ea4df4d9c2150843fecfba68 this element.
There is another way, add a css attribute to brief-des overflow:hidden
position:relative;
The above message was wrong
Thank you, this really works Yes! Haha~
That’s wrong, it should be 85de5726e07c81e8f03fd00073576ae5 ... 16b28748ea4df4d9c2150843fecfba68 This element.
There is another method, add a css attribute overflow:hidden to brief-des
I tried this method, overflow:hidden, it works~haha.
Thank you very much! ! !
All points go to maomaojiashu and sww123 ~
Thanks again for your help!