مرحبا

https://docs.google.com/file/d/0B36OJ6IwIXLvYWVpZjhPb0N5Vms/edit (jetzt können auch alle vorherigen Versionen wegfallen, diese ist Supi)

Ach Mist, ich muss mir Webspace zulegen.

Eine letzte Idee noch für den Footer, dass ganze mit section zu lösen (das CSS funzt auch mit section, man muss nur divs durch section ersetzen).

<!--  
    Footer  
-->  
<footer>  
  
    <!--  
        Vcard (http://microformats.org/)  
        1. Box  
    -->  
    <section class="footer_box vcard">  
         <h2>Anschrift</h2>  
         <p>  
          <span class="org">Fa. Mustermann</span><br>  
          <span class="fn">Max Mustermann</span><br>  
            <span class="street-address">Musterstr. 1</span><br>  
            <span class="postal-code">12345</span>  
            <span class="locality">Musterhausen</span>  
         </p>  
         <p><a href="#" id="map_button" title="Anfahrt">Anfahrt</a></p>  
    </section><!-- 1. Box ends -->  
  
    <!--  
          2. Box  
    -->  
    <section class="footer_box vcard contact_to">  
        <h2>Öffnungszeiten</h2>  
         <p>  
            <span class="time" title="Öffnungszeiten: Montag bis Samstag 10:00 - 21:00 Uhr">Mo-Sa: 10:00 - 21:00 Uhr</span>  
         </p>  
        <h3>Kontakt</h3>  
         <p>  
            <span class="tel">Tel: <a href="tel:+49123567890">+49 123 / 567 890</a></span><br>  
            <span class="email">Email: <a href="mailto:info@example.org">info@example.org</a></span>  
         </p>  
         <nav><!-- Footer-Menu, falls vorhanden -->  
            <ul id="footer_menu">  
              <li><a href="#">Impressum</a></li>  
              <li><a href="#">Kontakt</a></li>  
              <li><a href="#">Sitemap</a></li>  
              <li><a href="#">Login</a></li>  
            </ul>  
         </nav>  
    </section><!-- 2. Box ends -->  
  
    <!--  
          3. Box  
    -->  
    <section class="footer_box about_us">  
      <h2>Über Uns</h2>  
      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>  
    </section><!-- 3. Box ends -->  
  
    <!--  
          4. Box  
    -->  
    <section class="footer_box partner_sites">  
      <h2>Partnerseiten</h2>  
      <ul id="parnter_sites">  
        <li><a href="http://www.selfhtml.org/">SELFHTML</a></li>  
        <li><a href="http://googlewebmastercentral-de.blogspot.de/">Webmaster Zentrale</a></li>  
        <li><a href="http://www.webkrauts.de/">Webkrauts</a></li>  
        <li><a href="http://www.drweb.de/magazin/">Dr. Web Magazin</a></li>  
        <li><a href="http://www.w3.org/">World Wide Web Consortium</a></li>  
      </ul>  
      <div class="vcard">  
         <h3>Template</h3>  
         <p>  
            <span class="fn">Engin Yıldız</span><br>  
            <span class="email">nginone@gmail.com</span><br>  
            <span class="copy">© 2012 SELFHTML e. V.</span>  
         </p>  
      </div>  
    </section><!-- 4. Box ends -->  
  
</footer><!-- footer ends -->

Mit dieser Ergänzung ist es das Ultimative HTML5 Template, also UHTML5 Template ;)

mfg