Question

对不起，我承认我在HTML方面有点新手。但我看不出我哪里出错了。我已经声明页面是对齐中心，但由于某些原因我看不见，它实际上不会对齐！

我的代码在这里......

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
<!--
body,td,th {
    font-size: 14px;
    text-shadow: inherit;
    max-width: 1000px;
    min-width: 600px;
    float: none;
    vertical-align: central;
    position: absolute;
    width: auto;
}
h1 {
    font-size: 40px;
    color: #FFF;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}
h2 {
    font-size: 16px;
    color: #666;
}
h3 {
    font-size: 24px;
    color: #FFFFFF;
}
.Headertext2 {
}
h5 {
    font-size: 16px;
    color: #666;
}

h6 {
    font-size: medium;
    color: #000;
}
h4 {
    font-size: 12px;
    color: #FFF;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #999;
}
a:active {
    text-decoration: none;
}
      </style>      <title>We'll fix your Potholes!</title>
    </head><center>
 <body bgcolor="#B90D32"> <div id="container" width "1200" align="center" >
<h1>A1Jay Pothole Solutions</h1>
<h3><strong>Permanent Pothole Repair that lasts</strong></h3>
<div id="content" align="center" bgcolor="#FFFFFF"  width"600" class="content">
  <h6>Potholes are a growing problem and cause lasting damage to your vehicle. 
  We here at A1JAy Pothole Solution have the solution. We use only the best products on the market to repair potholes ensuring that the problem is fixed permanently and never returns. Our repairs are professional water tight and permanent. We replace any road markings that may be removed. We respond quickly to repair any holes, therefore stopping the damage to your vehicle.
    Our products are cold lay, fully graded to PSV-60 and all packaging is recyclable. 

    We have different rates depending on the amount of potholes you require permanently repairing, get in touch for details.

    If you have a pothole on your drive, street, place of work, car park, walkway or anywhere else, please get in contact and I will happily give you a free, no obligation quote..  </h6>
<p>&nbsp;</p>

  </div>
</div>
</body>

</html>

如果已经提出这个问题我很抱歉，我仍然知道Stack Overflow。在此先感谢：）。

Answer 1

让我们从一个精简（和工作）的解决方案开始：http://jsfiddle.net/WDTCK/1/

主要观点

<center>已过时*（它也是body的非法父级，并且在您的示例中未公开）
align=center已过时*
使用CSS集中内容的一种简单方法是为容器元素指定宽度和margin: 0 auto

像这样：

#container {
    margin: 0 auto;
    width: 600px;    
}

次要分数

始终更喜欢与标记分开声明的样式
始终使用CSS声明样式（不是弃用的属性，如bgcolor="#B90D32"）
确保正确使用标题。我看到H1，H3和H6。标题应代表您的文件大纲;它们不应仅用于格式化。

这是一个更清晰的示例，它演示了更好的语义：http://jsfiddle.net/WDTCK/2/

^{* "obsolete and non-conforming, and [...] must not be used by authors."}

Answer 2

把它放在身体内

    <div align = "center">
    <!--somecodes-->
    </div>

为什么我的HTML不能与中心对齐？

2 个答案:

主要观点

次要分数