谁能帮忙开导一下浏览器兼容问题，可烦死了。_html/css_WEB-ITnose

	
		
			登陆			注册		
	
	
	

放在IE里是居中的，放在chrome,firefox里就偏左了，布局怎么解决浏览器兼容性的，求标准做法永久解除此类问题困扰。。

回复讨论(解决方案)

我在FF和ie8下看到的都是偏左的

你在定义top_main_div的样式时，不是按照居中显示定义的，而是按照1024*768的分辨率显示的，这样肯定有误差

    
        
            登陆            注册        
    

将最外层的 div 改成 center，然后修改相应的样式表，把float和margin-left去掉，即可居中显示了，但在 XHTML 1.0 Strict DTD 中好象不支持

恩。。。http://www.cnblogs.com/zhutianxiang/archive/2012/01/19/2320349.html

这个链接里有答案，要设置display : inline。

display : inline

.top_main_div {width : 960px;height : 180px;background-color : blue;margin-left : 95px;margin:0 auto;}

要居中用 marginleft 和 marginright要同时设成auto，而且不能是浮动的

    
        
            登陆            注册        
    
    
    

写css 要加上



....

实践多了自然就明白了。要像居中 body{margin:0px auto;} 外围的层.top_main_div{margin:0px auto;} 这个不算是bug兼容问题了，是你样式本身写法就有问题。

上面说的外围的层说错了，是新加一个最外围的层来包括所有的内部层，

学习了, 已经解决了, 谢谢大家.