Deus Figendi: Internet-Seite "teilen"

Beitrag lesen

  • CSS-Eigenschaft "position: fixed" (unschön)

Warum unschön? Genau das wäre mein Vorschlag gewesen, den Kopf fixieren und 'n hohen z-index verpassen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
 <head>  
  <title>Positionierung-Demo</title>  
  
  <style type="text/css">  
    #header {  
     position:fixed;  
     top: 0px;  
     left:0px;  
     right:0px;  
     width:100%;  
     background-color:#66FF66;  
     z-index:2;  
    }  
  
    .nav_item {  
     display:inline;  
    }  
  
    #bilder_content {  
     position:absolute;  
     top:12em;  
     z-index:0;  
    }  
  </style>  
 </head>  
 <body>  
  <div id="header">  
   <img src="./breites_Banner.png" alt="Banner" />  
   <ul class="navi_list">  
    <li class="nav_item">Heimat</li>  
    <li class="nav_item">Bilder</li>  
    <li class="nav_item">Navigation</li>  
    <li class="nav_item">Mehr Navigation</li>  
   </ul>  
  </div>  
  <div id="bilder_content">  
   <img src="./bilder/bild01.jpg" alt="Ein Foto auf dem ich seltsam ausschau" />  
   <img src="./bilder/bild02.jpg" alt="Ein Foto" />  
   <img src="./bilder/bild03.jpg" alt="Ein weiteres Foto" />  
   <img src="./bilder/bild04.jpg" alt="Berge ohne Schnee" />  
   <img src="./bilder/bild05.jpg" alt="Waschmaschine" />  
  </div>  
 </body>  
</html>
--
sh:( fo:| ch:? rl:( br:& n4:& ie:{ mo:} va:) de:µ_de:] zu:) fl:( ss:| ls:[ js:(