This is going against heaven. A problem with browser incompatibility_html/css_WEB-ITnose WBOY Original
2016-06-24 12:09:55 1011browse
问题就是在firefox,ie8里页面底部的文字和背景图会灵异的跑到最顶端,在导航条之上。。。实在是想不出为什么。。拜托各位了!! 首先,html代码:是模板页的
深圳网能达公司 css:
body {text-align:center;background-repeat:no-repeat; width:990px; margin:0 auto; padding:0px; background:url(../images/body_sky.jpg) no-repeat;}
div,form,ul,ol,li,span,p{ border:0px; padding:0px; margin:0px; font-size:12px;list-style:none;}
ul,ol,li{list-style:none}
a{color:Black; text-decoration:none;}
a:hover{color:Red;}
img{ border:none;}
.xbody{width:990px; text-align:left; margin:0 auto; height:95%;}
.head{height:100px; }
.head li{ float:left;}
.for{position: relative; left:900px; top:70px; font-size:16px; font-style:italic; font-weight:bolder;}
.menu{width:990px; float:left; display:inline; height:30px; background-image:url(../images/bar.gif); margin:10px auto;}
.menu ul,.menu li{float:left; display:inline; position:relative;}
.menu li a,.menu li a:hover{display:block; float:left; line-height:30px; width:160px; text-align:center; color:#FFF; font-size:14px;}
.menu li.selected a,.menu li a:hover{background:#008000; font-weight:bold; color:#00F;}
.menu ul li ul{position:absolute; left:0px; top:30px; display:none; width:160px;}
.menu ul li.selected ul{display:block;}
.menu li.selected li a,.menu li.selected li a:hover{background:#4490CE; color:#000; font-weight:normal;}
.menu li.selected li a:hover{background:#000; color:#FFF;}
.footer
{
text-align:center;
background-image:url(../images/foot_bg.jpg);
}
回复讨论(解决方案) 你在footer上面加个float:left
你在footer上面加个float:left 跪谢Q立竿见影。。。不知大师能解释下否?
应该是上面的层有浮动的,所以影响到了他你如果给footer加上个clear:both应该也没问题的
应该是上面的层有浮动的,所以影响到了他你如果给footer加上个clear:both应该也没问题的 再一次帮到我了
我想说加了.clear{clear:both 好像也还是没用哦
css不全页面看得很痛苦...大致是浮动没有清除的原因.
style="width: 228px; height: 86px;"/>
这两行的高度不一致~ 这个在兼容方面造成错误的~
另一个方面~
Copyright © 2012深圳市网能达科技有限公司 All rights reserved 加个清理就好了~
大哥,我是分离样式和页面文件的写法,在你样式文件的写.clear{clear:both}然后在页面文件里面引用
直接加就要这样写
我想说加了.clear{clear:both 好像也还是没用哦
Statement: The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn