title image


Smiley Re: Alternative Positionierung, feste Navigation
ich bin ein Genie und Perfektionist, ich mache kein Fehler



hier der Code:





<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title>Feststehende Kopf- und Fußzeile</title>

<style type="text/css">

body

{

position:absolute;

background:#ffffff;

}

html, body

{

top:0; left:0; right:0;

min-height:100%;

margin:0;

padding:0;

width:100%;

}

#header_container

{

position:fixed;

top:0; left:0; right:0;

text-align:center;

margin:0;

height:3em;

z-index:3;

}



#header

{

position:absolute;

top:0; left:0; right:0; bottom:0;

height:100%;

background:#efefef;

z-index:3;

margin:0;

padding:0.2em;

}

#menu

{

position:fixed;

top:4em;

left:.5em;

width:9em;

border: 3px dotted #dedede;

padding:.5em;

}

#content

{

margin:0;

padding-top:4.85em;

padding-left:12em;

padding-bottom:3em;

z-index:2;

}

#footer_container

{

position:fixed;

bottom:0; left:0; right:0;

text-align:center;

margin:0;

height:2em;

z-index:3;

}

#footer

{

position:absolute;

top:0; left:0; right:0; bottom:0;

background:#efefef;

z-index:3;

}







</style>

</head>

<body>



<div id="header_container">



<h1 id="header">Seite mit Header und Footer (2)</h1>

</div>





<ul id="menu">

<li><a href="beispiel1.htm">Einfacher Footer</a></li>

<li><a href="beispiel2.htm">Feststehender Footer</a></li>

<li><a href="beispiel3.htm">Feststehender Footer für den Internet Explorer</a></li>



<li><a href="beispiel4.htm">Kombination: Ein Footer für alle</a></li>

<li><a href="beispiel5.htm">Feststehende Kopf- und Fußzeile</a></li>

<li id="active">Alternative Positionierung, feste Navigation</li>

<li><a href="index.htm#fixierte_navigation_bsp">Zum Artikel</a></li>

</ul>







<div id="content">





<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>





<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.</p>





</div>



<div id="footer_container">

<div id="footer">

<b>Und hier ist der endgültige Footer!</b>

</div>



</div>



</body>

</html>



geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: