Probleme mit Darstellung in CSS

[Detlef G.]

Hallo Flo

<div id="header">
<a href="#" title="Zurück zur Startseite" target="_self"><img src="images/logo.jpg" alt="Zurück zur Startseite" class="headerlogo"></a>
<div class="headernavi">Navi1</div>
<div class="headerschrift">Überschrift</div>
</div>

Das ergibt kein CSS-Layout sondern eher eine unbekömmliche Div-Suppe!

Jetzt soll links ein Logo stehen und rechts daneben eine horizontale Navi und unter der Navi die Überschrift.

Mal ein einfaches Beispiel:
HTML:

<div id="header">  
  <a href="#" title="Zurück zur Startseite"><img src="images/logo.jpg" alt="Zurück zur Startseite"></a>  
  <ul>  
    <li><a href="#">Linktext</a></li>  
    <li><a href="#">Linktext</a></li>  
    <li><a href="#">Linktext</a></li>  
  </ul>  
  <h1>Überschrift</h1>  
</div>  

CSS:

#header ul, #header li {  
 display: inline;  
 padding:0 0 0 1em;  
 margin:0;  
 list-style:none;  
}  

Auf Wiederlesen
Detlef