html - div css3名称问题

我正在使用此HTML：

  <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="utf-8" />
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
      <title>templates</title>
      <meta name="description" content="" />
      <meta name="author" content="wobben" />
      <meta name="viewport" content="width=device-width; initial-scale=1.0" />
      <link rel="shortcut icon" href="/favicon.ico" />
      <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
      <link rel="stylesheet" href=styles.css">
 </head>
 <body>
   <div id="container">
       <header>
           <img src="http://www.tamarawobben.nl/images/3.jpg" alt="" width="750" height="225" />
       </header>
       <nav>
           <p><a href="/">Home</a></p>
           <p><a href="/contact">Contact</a></p>
       </nav>
      <footer>
        <p>&copy; Copyright  by wobben</p>
     </footer>
 </div>
 </body>
 </html>

在旧的CSS中，标头名称为#header。还是那样吗。我问是因为他的图像在另一个位置，然后是旧的html4代码。

我确实改变了一切，但还是没有运气。

我有这个作为html：

<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 <title></title>
 <meta name="description" content="">
 <meta name="author" content="">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <link rel="stylesheet" href="style.css">
 <script src="/js/modernizr-2.0.6.min.js"></script>
 </head>
 <body>
 <div id="container">
     <header>
        <img src="http://www.tamarawobben.nl/images/3.jpg" alt="" width="750" height="225" />
 </header>

我在CSS中有这个：

  header {display: block; height: 225px; width: 758px; margin: 0 1px 10px 1px; background: #fff;}
  #container {
width: 760px;
margin: 10px auto;
padding: 1px 0;
text-align: left;
background: #fff;
color: #303030;
   }

但是图像仍然位于左侧而不是居中。

谁能再次帮助我。

罗洛夫

最佳答案

如果要使用新的HTML5标签同时还支持旧版浏览器，则确实需要使用Modernizr。它将帮助您的页面处理较新的标记，并在不支持CSS3的浏览器上正常降级。

阅读本文以获得良好的解释：http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/

要直接回答您的问题，请使用Jason提供的语法：

header { display: block; }