Divs untereinander

[Matthias Apsel]

Om nah hoo pez nyeetz, progger!

<header>  
  <img src="logo.png" alt="Logo der Firma Heinzelmännchen" width="150" height="36">  
</header>  
<nav>  
  <ul>  
    <li><a href="#">Ueber3</a></li>  
    <li><a>Ueber4</a></li>  
    <li><a href="#">Ueber5</a></li>  
  </ul>  
  <ul>  
    <li><a href="#">Ueber3</a></li>  
    <li><a href="#">Ueber5</a></li>  
  </ul>  
</nav>  

»» #head {position: absolute; top:0px; left:0px; right:0px; background-color: #1782f9;}
⇒ header {background-color: #1782f9;}
»» #logo {width: 150px; height: 36px; vertical-align: middle;}
⇒ kann ersatzlos entfallen

»» #oben {font-size: 14pt; margin-left: 0px; padding-left: 0px; margin-bottom: 0px; border-bottom: solid 2px #fff;}  

> #oben li {background-color: #0368d9; list-style: none; padding: 0px; padding-left: 5px;}  
> #unten {font-size: 14pt; margin-left: 0px; padding-left: 0px; margin-top: 0px;}  
> #unten li {color: #fff; background-color: #0368d9; list-style: none; padding: 0px; padding-left: 5px;}

⇒ nav ul {font-size: 14px; margin: 0; padding: 0; list-style: none;}  
⇒ nav ul:first-child {border-bottom: 2px solid #fff;}  
⇒ nav li {color: #fff; background-color: #0368d9; padding-left: 5px;}  
⇒ nav ul:first-child li {color: inherit;}	

nur mal so für den Anfang. (ungetestet)

Matthias