UC知道css关于ie和firefox的定位
来源：百度知道 编辑：UC知道 时间：2024/09/21 18:25:42
*{margin:0px;padding:0px}
body {text-align:center;margin:0 auto;}
#header,#container,#footer{margin:0px auto;}
#header{height:60px;}
#navbar{background:url(../image/navbar_bg.jpg) repeat-x;height:34px;}
#container{background:#999999;height:1000px;margin:2px auto 2px auto;}
#footer{background:#006666;height:150px; margin:10px auto;}
/*以上为主体框架的css*/
#logo{float:left;margin:8px 0px;}
#menu{float:left; margin:0px;}
#navbar ul,#navbar li{float:left; list-style:none; *margin:0px 0px 1px 0px !important;margin:0px 0px 0.5px 0px;}
#navbar li a{display:block;*padding:7px 10px !important;padding:5px 10px;}
#navbar li a:link,#navbar li a:visited{color:#FFFFFF;font-weight:bold; text-decoration:none;}
#navbar li a:hover{background:#333333;color:#FFFFFF;font-weight:bold; text-decoration:none;}
#index{ float:right;}
这段代码在ie中显示的#menu下面的菜单项都是靠屏幕左的，但是firefox中却和左边有了一段距离，要怎么修改才合适呢
上面是css代码
下面是网页的代码
<lin
body {text-align:center;margin:0 auto;}
#header,#container,#footer{margin:0px auto;}
#header{height:60px;}
#navbar{background:url(../image/navbar_bg.jpg) repeat-x;height:34px;}
#container{background:#999999;height:1000px;margin:2px auto 2px auto;}
#footer{background:#006666;height:150px; margin:10px auto;}
/*以上为主体框架的css*/
#logo{float:left;margin:8px 0px;}
#menu{float:left; margin:0px;}
#navbar ul,#navbar li{float:left; list-style:none; *margin:0px 0px 1px 0px !important;margin:0px 0px 0.5px 0px;}
#navbar li a{display:block;*padding:7px 10px !important;padding:5px 10px;}
#navbar li a:link,#navbar li a:visited{color:#FFFFFF;font-weight:bold; text-decoration:none;}
#navbar li a:hover{background:#333333;color:#FFFFFF;font-weight:bold; text-decoration:none;}
#index{ float:right;}
这段代码在ie中显示的#menu下面的菜单项都是靠屏幕左的，但是firefox中却和左边有了一段距离，要怎么修改才合适呢
上面是css代码
下面是网页的代码
<lin
ie和Firefox 对于UL li本身的解析不一样,你必须同时定义其margin 和 padding 属性才可以达到一致的显示效果。
#navbar ul,#navbar li{float:left; list-style:none; *margin:0px 0px 1px 0px !important;margin:0px 0px 0.5px 0px;padding:0;}
给一个完整网页出来，再帮你看。
或者自己 Firebug
== 你给的仍然不是一个完整结构的网页。
我用IE8跟 Firefox都打开看了
都离左边有一点距离
如果都紧贴左边反而不好看了
不行了
你就做成 fix-ed的layout
这样当你的 页面 变小时 两边的距离会自动调整
还是用css hack试试把
在百度直接搜索：CSS黑板报，就有你想要的啦！