Matthias Apsel: DIV-Layout

Beitrag lesen

Om nah hoo pez nyeetz, 0x0ERROR!

|-------------------------------------------------------------|
|             |               Titel             | Liste       |
|   Logo      |---------------------------------|             |
|             |            Weiterer Text        |             |
|             |                                 |             |
|-------------------------------------------------------------|
|  Navigation |                                               |
|             |                                               |
|-------------|                                               |
|  Weiteres   |                Hauptseite                     |
|             |                                               |
|-------------|                                               |
| Impressum   |                                               |
| (als Link)  |                                               |
|-------------------------------------------------------------|

<body>  
  <header>  
     <img src="logo.gif">  
     Titel Weiterer Text  
     <ul>  
       <li></li>  
       ...  
     </ul>  
  </header>  
  <nav>  
    <ul>..  
  </nav>  
  <aside>  
    weiteres  
    Impressum  
  <aside>  
  <div id="content"> oder <main>  
    Inhalt  
  </div>  
</body>  
</html>

Beispielsweise so. In HTML5. Falls es HTML<5 werden soll, dann etwa <div id="header">.

Matthias

--
1/z ist kein Blatt Papier.