IE下div使用margin:0px auto不居中的解决办法

转自:http://www.cxybl.com/html/wyzz/HTML_XHTML/2011_1010_5306.html

一般在将div居中显示时,使用css:
    
    
    
    
  1. divX {margin:0 auto;} 


此css在firefox下是好的,但是在ie下不起作用,网上看到原因如下:

    
    
    
    
  1. <div id="cnbruce">margin0 auto 看看内容居中否</div> 


如上调试结果,IE6.0是不居中的,当然解决的办法可以是对网页主体“<body>”声明文本居中,即

    
    
    
    
  1. <style> 
  2. body{text-align:center
  3. #cnbruce{width:500pxbackground-color#cccmargin0 auto
  4. </style> 
  5. <div id="cnbruce">margin0 auto 看看内容居中否(加了body文本居中)</div> 


然后,单个div的CSS居中,非要扯上<body>?


于是在不采用“<body>”声明文本居中的情况下,将DOCTYPE声明加上,立马有效果

    
    
    
    
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 
  2.  
  3. http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  4. <style> 
  5. #cnbruce{width:500pxbackground-color#cccmargin0 auto
  6. </style> 
  7. <div id="cnbruce">margin0 auto 看看内容居中否(加了DOCTYPE声明)</div>  

你可能感兴趣的:(css,IE,div,firefox)