围绕一个div谷歌浏览器

我有以下的CSS：围绕一个div谷歌浏览器

html, body { 
     background-color:black; 
     font-family:"arial bold"; 
     overflow:auto; 
     text-align: center; 
    } 
div#content { 
     width:792px; 
     height:100%; 
     padding:0px; 
    } 

div#header { 
     height:216px; 
     width:100%; 
    }

的HTML代码，我已经是：

<html> 
    <head> 
     <title> 
      Think in a NEW BOX. 
     </title> 

     <link rel="stylesheet" type="text/css" href="styles/default.css" /> 
    </head> 
    <body onload=""> 
     <div id="content"> 
      <div id="header"> 
       <img src="images/title-1.png" /><img src="images/title-2a.png" /><img src="images/title-3.png" /> 
      </div> 
     </div> 
    </body> 
</html>

现在，这在IE的伟大工程。 div中心完美（标题）。然而，在谷歌浏览器中，div是左对齐的。我错过了什么吗？

来源

2011-05-18 FreeSnow

更详细的解释我有这个“问题”太今天看到Centring using CSS。用display: inline-block;解决。工作的浏览器不会改变，如果它已经工作，这不会混淆旧的IE。

来源

2011-05-18 18:34:09 jerone

虽然它会让IE不老。 – Quentin 2011-05-18 18:34:53

你缺少：

一个DOCTYPE（从IE 4/5天，以便IE浏览器是模拟的错误，以应对可怕的，古老的网页）
一个div元素是块元素使text-align不影响它
auto div上的左右边距。

与图

来源

2011-05-18 18:33:54 Quentin

确保您有固定宽度并使用margin: 0 auto;。

来源

2011-05-18 18:35:41 dtbarne

使用

#content { 
    margin-left: auto; 
    margin-right: auto; 
    width: 100px; /* Your width */ 
}

居中的DIV。它允许你的div为左和右选择一个可变的余量，这导致了一个居中的div。这应该适用于全部浏览器。

来源

2011-05-18 18:35:43 Fox32

更好的解决办法是居中块这样的：

#content 
{ 
    margin:0px auto; 
}

此方法由...很好用的，只是每个人（包括SO）。

来源

2011-05-18 18:37:03

围绕一个div谷歌浏览器

回答

相关问题