Footer fixieren

[SAX]

hallo zusammen,

habe folgendes problem und brauche daher eure hilfe:
möchte meinen footer fixieren, was mir aber anscheinend probleme bereitet.

anbei mein css-code:

html {
width:100%;
}

body {
width:100%;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#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;
}

#wrap {
width:100%;
}

#logo {
width:50%;
float:left;
text-align:center;
margin-top:2px;
}

#auth {
width:50%;
float:left;
color:#FFF;
margin-top:20px;
  color:#000;
}

#nav {
width:100%;
height:26px;
float:left;
clear:left;
}

.nav_button a:link, .nav_button a:visited, .nav_button a:hover, .nav_button a:active {
color:#FFF;
text-decoration:none;
}

.nav_button_text {
padding:4px;
}

#hpc {
width:100%;
float:left;
clear:left;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color:#FFF;
text-decoration:none;
}

#footer {
position:fixed;
    bottom:0px;
    padding:10px;
    width:100%;
}

#foot_top {
width:49%;
float:left;
margin-top:5px;
margin-left:1%;
}

.foot_1 {
width:25%;
float:left;
}

.foot_2 {
width:25%;
float:left;
}

.foot_3 {
width:100%;
float:left;
clear:left;
margin-top:10px;
}

und der dazugehöre index-teil, php...versteht sich ;)

<div id="footer">
<div id="foot_top">
<div class="foot_1">
<a href="#">Über uns</a><br />
<a href="#">Presse</a><br />
<a href="#">Kontakt</a><br />
<a href="#">Impressum</a>
</div>
<div class="foot_2">
<a href="#">FAQ</a><br />
<a href="#">Datenschutz</a><br />
<a href="#">Nutzungsbedingungen</a>
</div>
<div class="foot_3">
Copyright &copy; <?php echo date("Y"); ?> ProSelec
</div>
</div>
<div id="foot_bottom">
<img src="images/foot/logo_hfu.png" alt="" />
</div>
</div>
</div>

wer hat mir einen rat?

[Matthias Apsel]

Om nah hoo pez nyeetz, SAX!

wer hat mir einen rat?

#1# Du hast ein clientseitiges Problem, also poste auch den Code, der beim Clienten ankommt.
#2# Besser, du stellst ein online-Beispiel zur Verfügung, so muss niemand per cnp dein Problem nachbauen

#0#

möchte meinen footer fixieren, was mir aber anscheinend probleme bereitet.

ist keine Problembeschreibung
* was hast du schon probiert?
* HTML und CSS sind valide?
* was genau sieht nicht so aus wie erwartet?
* welche Eigenschaften werden tatsächlich auf das Element angewendet (verwende Firebug o.ä.)?

Matthias

[Matthias Apsel]

Om nah hoo pez nyeetz, SAX!

<div id="footer">
<div id="foot_top">
<div class="foot_1">
<a href="#">Über uns</a><br />
<a href="#">Presse</a><br />
<a href="#">Kontakt</a><br />
<a href="#">Impressum</a>
</div>
<div class="foot_2">
<a href="#">FAQ</a><br />
<a href="#">Datenschutz</a><br />
<a href="#">Nutzungsbedingungen</a>
</div>
<div class="foot_3">
Copyright &copy; <?php echo date("Y"); ?> ProSelec
</div>
</div>
<div id="foot_bottom">
<img src="images/foot/logo_hfu.png" alt="" />
</div>
</div>
</div>

wer hat mir einen rat?

* Verwende semantisch sinnvolles HTML
  * foot_1 und foot_2 können Listen (möglicherweise auch nur eine) sein
  * foot_3 ist ein Absatz
  * foot_bottom ist einfach nur ein Bild
    Die Tatsache, dass das Alt-Attribut leer ist, zeigt, dass das Bild Verzierung ist, verwende ein Hintergrundbid

* Weißt du eigentlich, warum du mal IDs und mal Klassen verwendest?

Matthias