div ie正常居中，火狐无法居中怎么改
网页代码<body> <formid="form1"runat="server"> &nb...
网页代码<body> <form id="form1" runat="server"> <div id="container"><!--容器开始 --> <div id="logo"><!--logo开始 --> </div><!--logo结束 --> <div id="menu"><!--导航开始 --> </div><!--导航结束 --> <div id="mainContent"><!--背景开始 --> </div><!--背景结束 --> <div id="footer"><!--页眉开始 --> </div><!--页眉结束 --> </div><!--容器结束 --> </form></body>----------------------------css样式body { text-align:center; font-family:Verdana; font-size:14px;}#container{ margin:0px auto; }#menu{ background-image:url(../image/navigation.gif); width:717px; height:33px;}#mainContent{ background-image:url(../image/index_bg.jpg); width:869px; height:414px;}怎么IE6下居中，火狐却偏左，怎么改？
展开
3个回答
展开全部
首先要给你做个说明，div默认是宽度最大化的，位置默认也就是居上偏左，设定居中margin:0 auto;的时候必须要再设定一个宽度，否则是无法居中的，你这里的情况就说明了你设定的居中是无效的，我看你肯定是在Dreamweaver看的预览效果才以为居中了，以后注意了，不要以Dreamweaver的预览效果做参照，每次测试要以浏览器为准
你这里设定居中有2个方法：
1、在容器#container中设定宽度并居中，这样内部的东西就不用设居中了，可以根据#container的宽度来计算出每个标签的宽度，从而设定margin的左右值或者padding
2、容器#container标签直接删除，内部的标签全部设定宽度并加margin居中
小提示：有时候你可以用一用table布局，因为table默认是最小宽度，可以不设宽度就另其居中，你可以在以后的需要的时候很好的利用这一特性，比如多个平行的内容需要自动伸展且一直居中，就可以用到这个
你这里设定居中有2个方法：
1、在容器#container中设定宽度并居中，这样内部的东西就不用设居中了，可以根据#container的宽度来计算出每个标签的宽度，从而设定margin的左右值或者padding
2、容器#container标签直接删除，内部的标签全部设定宽度并加margin居中
小提示：有时候你可以用一用table布局，因为table默认是最小宽度，可以不设宽度就另其居中，你可以在以后的需要的时候很好的利用这一特性，比如多个平行的内容需要自动伸展且一直居中，就可以用到这个
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
您好！很高兴为您答疑！
body{text-align:center;font-family:Verdana;font-size:14px;
width:1000px;
margin:0px auto;
} 网页整体宽度是1000;用margin来控制,上下为0像素,左右会随屏幕自动来分配。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
body{text-align:center;font-family:Verdana;font-size:14px;
width:1000px;
margin:0px auto;
} 网页整体宽度是1000;用margin来控制,上下为0像素,左右会随屏幕自动来分配。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在要居中的div都写上margin:0 auto
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
