Lukas: Fixe Leiste überlagert Seiteninhalt

Beitrag lesen

Hey
das position:fixed bewirkt in diesem Kontext, dass sich das Element an die mit "top" und "left" angegebene Position des Browserfensters heftet, und dabei eben ggf. die darunterliegenden Inhalte verdeckt.
Soll der restliche Content tiefer erscheinen, empfehle ich, wie in diesem beispiel, den eigentlichen Inhalt in ein eigenes Div zu setzen, das dann mit style="padding: 40px 0" ein wenig Abstand zum oberen und unteren Seitenrand erhält:

  
<body>  
<div id="header">  
    <!--Headertext...-->  
</div>  
<div id="contentWrapper" style="padding: 40px 0">  
    <!--Der eigentliche Content-->  
</div>  
<div id="footer">  
    <!--Footertext...-->  
</div>  

Wobei der erste Paddingparameter natürlich je nach Höhe von Header und Footer variieren kann u. sollte.

Lg
Lukas