title: HTML template design view error
body: <p><a href="https://stackoverflow.com/questions/13568693/collapsed-wesite-template-when-i-mininize-the-browser">https://stackoverflow.com/questions/13568693/collapsed-wesite-template-when-i-mininize-the-browser</a>. Sorry for my previous meaningless question. </p>
  
  <p>I have a HTML website template with 100% width. The webpage is showed correctly in full browser window. But i change the size of the browser window  means the entire design collapsed. I think the fault is in css html and body tag. can any one fix this error.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="utf-8"/&gt;
      &lt;title&gt;title&lt;/title&gt;
  
      &lt;link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" /&gt;
  
  &lt;/head&gt;
  
  
  &lt;body&gt;
  
      &lt;header id="header"&gt;
          &lt;hgroup&gt;
              &lt;h1 class="site_title"&gt;&lt;a href="index.html"&gt;Admin&lt;/a&gt;&lt;/h1&gt;
              &lt;h2 class="section_title"&gt;Dashboard&lt;/h2&gt;&lt;div class="btn_view_site"&gt;&lt;a href=""&gt;View &lt;/a&gt;&lt;/div&gt;
          &lt;/hgroup&gt;
      &lt;/header&gt; &lt;!-- end of header bar --&gt;
  
      &lt;section id="secondary_bar"&gt;
          &lt;div class="user"&gt;
              &lt;p&gt;John Doe (&lt;a href="#"&gt;3 Messages&lt;/a&gt;)&lt;/p&gt;
              &lt;!-- &lt;a class="logout_user" href="#" title="Logout"&gt;Logout&lt;/a&gt; --&gt;
          &lt;/div&gt;
          &lt;div class="breadcrumbs_container"&gt;
              &lt;article class="breadcrumbs"&gt;&lt;a href="index.html"&gt;Admin&lt;/a&gt; &lt;div class="breadcrumb_divider"&gt;&lt;/div&gt; &lt;a class="current"&gt;&lt;/a&gt;&lt;/article&gt;
          &lt;/div&gt;
      &lt;/section&gt;&lt;!-- end of secondary bar --&gt;
  </code></pre>
  
  <p>css :</p>
  
  <pre><code>html, div, map, dt, isindex, form, header, aside, section, section, article, footer {  
      display: block;  
  } 
  
  html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  background: #F8F8F8;
  font-size: 12px;
  }
  
  .clear {
  clear: both;
  }
  </code></pre>