✔ fußzeile positionieren

Status
Nicht offen für weitere Antworten.
N

nice2kn0w

Mitglied
Hallo auch, nachdem ich nun schon längere Zeit am rumprobieren bin muss ich einfach resignieren :rolleyes:

ich hätte gerne, dass die Fußzeile unter http://www.elitestudio.de/pages/entertainment/claris.html

auch wirklich immer ganz unten positioniert ist, aber irgendwie bekomm ich es nicht so hin.
der css code dazu sind folgendermaßen aus:

Code: 
html,body {height:100%;}
body{
margin:0;
padding:0;
}
#footer-all{
position:absolute;
bottom:0px;
text-align:center;
background-color:green;
color:white;
width:100%;
height:20px;
}
habs auch schon mit position:relative beim footer-all probiert, funktioniert leider auch nicht.
 
Hi,

entgegen dem hier gezeigten Regelblock hast du im Stylesheet layers.css für den Footer eine Position von 5px nach unten deklariert:

Code: 
#footer-all{
position:absolute;
bottom:5px;
text-align:center;
background-color:green;
color:white;
width:100%;
height:20px;
}
 
Falls du den Mangel meinst, dass der Footer beim Scrollen der Seite seine Position beibehält, studier mal dieses grundlegende CSS-Modell:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="michaelsinterface">
<title></title>

<style type="text/css">
<!--
html, body {
margin: 0;
padding: 0;
height: 100%;
}

div#wrapper {
position:relative;
margin: 0 auto;
width: 800px;
min-height: 100%; /* Moderne Browser */
height: auto !important; /* Moderne Browser */
height: 100%; /* IE */
background: #e9e9e9;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

div#header {
height: 100px;
background: #cacaca;
}

div#footer {
position: absolute;
bottom: 0;
left: 0;
width:100%;
background: #cacaca;
}
-->
</style>

</head>
<body>

<div id="wrapper">
   <div id="header">header</div>
   <div id="content">Inhalt</div>
   <div id="footer">footer</div>
</div>

</body>
</html>
 
Du wirst lachen, nach so einem ähnlichen Code hab ich versucht vorzugehen, mittlerweile hab ich mich so darin verzettelt, dass ich nicht mehr weiter komme :confused:
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück