Räuber_Glotzenrotz
Grünschnabel
Hallo,
ich habe einen Footer auf einer Website, der soll auf die volle Breite gehen und eine andere Hintergrundfarbe als der Body-Bereich haben.
Dazu soll die Hintergrundfarbe des Footers bis ganz nach unten weiterlaufen, wenn der Content-Bereich nicht Bildschirmfüllend mit Content bestückt ist.
Momentan hab ich ihn erstmal als Zwischenlösung mit einem Position: Absolute; an meiner Seite "angeheftet". Aber das will ich ändern.
Mein bisheriger Footer sieht so aus:
ich habe einen Footer auf einer Website, der soll auf die volle Breite gehen und eine andere Hintergrundfarbe als der Body-Bereich haben.
Dazu soll die Hintergrundfarbe des Footers bis ganz nach unten weiterlaufen, wenn der Content-Bereich nicht Bildschirmfüllend mit Content bestückt ist.
Momentan hab ich ihn erstmal als Zwischenlösung mit einem Position: Absolute; an meiner Seite "angeheftet". Aber das will ich ändern.
Mein bisheriger Footer sieht so aus:
HTML:
<div id="footer-wrapper">
<div id="footer">
<div id="footer-left">
<p>Copyright © 2012</p>
</div>
<div id="footer-right">
<ul>
<li><a href="#">Partner</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>
</div>
</div>
</div>
HTML:
#footer-wrapper{
background: #030405;
width: 100%;
display: block;
position: absolute;
bottom: 0;
}
#footer{
margin: 0 auto;
width: 960px;
text-align: left;
line-height: 50px;
overflow: hidden;
}
#footer-left{
float: left;
}
#footer-right{
float: right;
}
#footer-right ul{
}
#footer-right ul li{
float: left;
list-style: none;
}
#footer-right ul li a{
display: block;
padding-left: 15px;
}
#footer-right ul li a:hover{
text-decoration: none;
}
Zuletzt bearbeitet: