Service

CSS Tips & Tricks

HTML/CSS Grundgerüst

Nachfolgendes HTML und CSS Grundgerüst hat sich bei uns bewährt.

HTML-Datei:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
  <head>
    <title>Titel</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="Beschreibung"/>
    <meta name="author" content="Name evtl. Mailadresse"/>
    <meta name="publisher" content="Computer Mutter GmbH"/>
    <meta name="copyright" content="Computer Mutter GmbH"/>
    <meta name="content-language" content="de"/>
    <meta name="language" content="de" />
    <link href="/comu.css" rel="stylesheet" type="text/css"/>
  </head>
  <body>
    <div id="container">
      <div id="content">
        <h1>Titel</h1>
        <p>Inhalt der Seite</p>
      </div>
      <div id="leftrow">            
        <div id="menu-box">
          <ul>
            <li><a href="#">Menü 1</a></li>
            <li><a href="#">Menü 2</a></li>
            <li><a href="#">Menü 3</a></li>
          </ul>
        </div>
      </div>   
      <div class="footer">
        <span class="copyright">(c) 2001-2007 Copyright Hinweis</span>
      </div>
      <div id="logo">
        <p>evtl. extra Logo, kann auch als background Grafik vom Titel
 verwendet werden.</p>
      </div>
    </div>
  </body>
</html>

CSS-Datei:

* {
    margin: 0;
    padding: 0;
}

body {
    font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}

p { 
  line-height: 1.5em; 
  font-size: 1.2em;  
}

h1 {
    font-size: 2em;
    font-weight: bold;
}

h2 { 
  font-size: 1.8em; 
}