CSS的float问题请教
0
[已关闭问题]
以下代码在IE6下分别是一个菜单靠左边，一个靠右边，可是在FIREFOX下左边的菜单与左边缘有一段空白，帮忙改一下，谢谢。<br><style><br>/*页面头部*/<br>#header {background:url(logo.gif) no-repeat}<br><br>#menu {padding:0 0 0 0;}<br>#menuleft{float:left;list-style:none;margin:0px;}<br>#menuright{float:right;list-style:none;margin:0px;}<br>#menu ul li {float:left;margin:0 3px;display:block;line-height:20px}<br>.menuDiv {width:1px;height:20px;background:#999}<br><br></style><br><div id="Header"><br> <div id="menu"><br> <ul id="menuleft"><br> <li><a href="#">.net</a></li><br> <li class="menuDiv"></li><br> <li><a href="#">java</a></li><br> <li class="menuDiv"></li><br> <li><a href="#">娱乐</a></li><br> <li class="menuDiv"></li><br> <li><a href="#">灌水</a></li><br> </ul><br> <ul id="menuright"><br> <li><a href="#">onlytiancai@msn.com</a></li><br> <li class="menuDiv"></li><br> <li><a href="#">我的账户</a></li><br> <li class="menuDiv"></li><br> <li><a href="#">退出</a></li><br> </ul><br> </div><br></div>
其他回答(4)
0
这种问题我习惯在css最开头用
*{margin:0;padding:0}
解决
其他局部细节再进行设置
0
扑街仔的办法是可以的，把所有元素的margin/padding都定义为0可以解决，如果感觉有问题，可以试试定义body和ul的margin/padding：
body{margin:0;padding:0;}
ul{margin:0;padding:0;}
body的那个定义影响所有浏览器，浏览器默认会给四周留一些空白，你的那个在FF里左边有空白主要是因为<ul id="menuleft">的padding属性默认不是0。
另外，#menu {padding:0 0 0 0;}为缩写为#menu{padding:0;}
还有那个竖线分隔，你那个实在是一个很不好看的解决办法，下面这个好一些吧：
<style>
*{padding:0;margin:0;}
#header {background:url(logo.gif) no-repeat;}
#menuleft{float:left;}
#menuright{float:right;}
#menu li{list-style-type:none;border-left:1px solid #999;float:left;padding:0 6px;}
#menu .first{border:none;}
</style>
<div id="Header">
<div id="menu">
<ul id="menuleft">
<li class="first"><a href="#">.net</a></li>
<li><a href="#">java</a></li>
<li><a href="#">娱乐</a></li>
<li><a href="#">灌水</a></li>
</ul>
<ul id="menuright">
<li class="first"><a href="#">onlytiancai@msn.com</a></li>
<li><a href="#">我的账户</a></li>
<li><a href="#">退出</a></li>
</ul>
</div>
</div>
<!--为了缩进，使用了中文空格，复制时记得去掉啊-->
0
为了解决兼容性问题，学会css hack是很必要的。可以看这个：
http://www.cnblogs.com/JustinYoung/articles/891782.html
和这个
http://www.cnblogs.com/JustinYoung/archive/2007/09/14/892414.html
0
Css让我头疼很久了。后来用表格控制了！
0
就是的Css在各浏览器中很让人难受的.不好处理.有同感 .
