ホームページ  >  記事  >  ウェブフロントエンド  >  誰かこのずれの問題を解決するのを手伝ってくれませんか?ありがとう! ! ! _html/css_WEB-ITnose

誰かこのずれの問題を解決するのを手伝ってくれませんか?ありがとう! ! ! _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:17:431081ブラウズ

使用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&copy;河北瑞发散热器有限公司 2012 </footer></div>

position:relative; 
上面发错了

body下面多加一个div调试一下  把wapper和footer都包含进去看还有这个问题没

933a9abcf4147e2045c3dc9d79c602bc的元素,本来是用 clear-block:after清理的浮动,但是 IE8不支持:after属性,所以没有清理浮动,导致 section id="home"高度为零。

解决办法:
在933a9abcf4147e2045c3dc9d79c602bc   ... 16b28748ea4df4d9c2150843fecfba68
append一个元素519e184c3e3c9e9d2446fd6b8ee4047116b28748ea4df4d9c2150843fecfba68

说错了,应该是 532e93bbd9e75a2ab0798982c4708686 ... 16b28748ea4df4d9c2150843fecfba68 この要素。

別の方法もあります。 css 属性 overflow:hidden を Brief-des に追加します

Position:relative;
上記の投稿は間違っていました
ありがとう、これは本当に機能します。はは〜

言い方が間違っていました。85de5726e07c81e8f03fd00073576ae5 この要素です。

別の方法もあります。 css 属性 overflow:hidden を Brief-des に追加します

この方法、overflow:hidden を試してみました。うまくいきました〜笑。
ありがとうございます! ! !

すべてのポイントは maomaojiashu と sww123 に寄付されます~
ご協力ありがとうございます!

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。