Guten Abend,
ich benutze auf meiner Seite einen Footer, welcher bei kurzen Seiten unten stehen bleibt. Er funktioniert im IE 5.5 bis 7 und im FF problemlos. Nur der IE8 macht Probleme.
Bei langen Seiten passt das momentane CSS. Aber bei kurzen Seiten, sitzt der Footer 46px unter dem Anzeigebereich.
Festgelegt wird das durch “.rahmen-oben {margin-bottom:46px;}”. Wenn ich den Abstand auf 0 reduziere, stimmt zwar die Darstellung bei kurzen Seiten, aber bei langen Seiten ragt der Inhalt in den Footer.
Wie kann ich dieses Problem lösen? Vielen Dank im Voraus.
Gruß elsner
Beispielseite:http://test.elpixo.de/test/lang.php
css [code]* html #alles, html, body {height:100%;
}
- {padding:0;
}
body {margin:0;
}
#alles {position:relative;
min-height:100%;
width:1000px;
margin:0 auto;
}
/### Kopf ###/
#kopf {width:1000px;
height:150px;
margin:0 auto;
}
#kopf a img {border:none;
padding:0;
}
/### runde Rahmen ###/
.rahmen-oben {width:1000px;
background:url(“bilder/rahmen-oben.gif”) top center no-repeat;
margin:10px auto 46px auto;
padding:10px 0 0 0;
}
.rahmen-unten {background:url(“bilder/rahmen-unten.gif”) bottom center no-repeat;
margin:0;
padding:0 0 10px 0;
}
/### Menü ###/
#menue {float:left;
width:190px;
margin-top:5px;
text-align:center;
}
#menue ul {margin:0;
}
#menue li {list-style:none;
margin:2px 0;
}
#menue li a {display:block;
text-decoration:none;
}
.hauptmenue {width:160px;
line-height:30px;
margin:0 auto;
}
.hauptmenue li a {background:url(bilder/hauptmenue.gif) center no-repeat;
height:30px;
font-size:18px;
color:#ffffff;
}
/### Inhalt ###/
#inhalt {width:760px;
float:left;
margin-left:10px;
padding:0 20px;
text-align:justify;
}
/### Clearer ###/
.clearer {clear:both;
}
/### Fuss ###/
#fuss {width:1000px;
clear:both;
margin:-36px auto 0 auto;
background:url(bilder/fuss.gif) center no-repeat;
background-position:center;
text-align:center;
line-height:36px;
position:relative;
}
#fuss p, #fuss a {color:#ffffff;
margin:0;
}
#fuss a {text-decoration:underline;
}[/code]
Quellcode [code]
Copyright ©2009 bei ElPixO.de