Question

为什么做好的网页在IE浏览器是正常的，到火狐里样式全乱了？全部都居中显示

Answer 1

一般的浏览器，比如ie6、ie7、ie8、360、遨游等，div+css正常都是可以用的。
但火狐浏览器就很不一样，网上写了很多，看起来也很麻烦。
其实，不是很烦的网站，只须要设置几处就可以了。
body {text-align:center;background:#FFF;font-family: "宋体";font-size: 12px;line-height:25px;}
table{ margin: 0 auto;}
div {margin:0 auto; overflow:hidden;}
当网页上有些地方用到表格的时候，你用align=center是不管用的，那么想让表格居中，就可以在css中设置标签。比如table{ margin: 0 auto;}，表格就可以自动居中。
还有就是可能不同浏览器对于长度宽度的解释不同，其他的还好，要是在火狐中，div就给挤破了，就会错位，或者大小不够。
那么这种情况就可以用div {margin:0 auto; overflow:hidden;}这句了，overflow:hidden;这句就是把多余的隐藏了，如果你设定了固定高度。但这样一般的一般的时候，height:auto;,高度都是设为自动的。当然具体情况还要具体再考虑。
还有就是火狐浏览器比ie会把宽度多解释两个像素，这样挤破就不可避免了，这样只须要在宽度后面加入width:100px;!important;width:98px;，因为在ie中!important;width:98px;这句它会忽略的，只解释前面，而火狐不会忽略后面的，宽度就是98+2=100px了。
还有在火狐中margin:5px;或者margin-top: 10px;是不管用的，其实，只在这条css里面面加入float就可以了。例如：
#kk {float: left;height: auto;width: 940px;!important;width:938px;border: 1px solid #CCCCCC; margin-bottom:40px;display:inline;}。
还有margin:5px;IE下理解为10px，是实际的2倍，display:inline;下再理解为5px，火狐是按实际像素显示的，这样就造成了差别。
还有很多，像javascript等的输出，但最多用到的可能是这些。

Answer 2

因为有些CSS属性在火狐中解释不同，你查查CSS兼容性的相关处理方法就行

Answer 3

因为火狐不是以ie为内核的，当然就不一样 了

Answer 4

　　您好！很高兴为您答疑！

　　有些CSS属性在火狐中解释不同，您可以安装Firebug，检查在火狐下的错误。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 5

浏览器的兼容问题