nicht angemeldet
Hallo Leute,
ich baue mir gerade ein Template zusammen bei dem der footer immer ganz unten ist. egal wieviel inhalt die seite hat. Hab da auch was im netzt dazu gefunden und bin danach vor gegangen. nur leider klappt das nicht so ganz. Der footer wird mir immer unten um browserfenster aber net am ende der tatsaächlichen seite angezeigt? Evtl. hat mir da wer nen trick oder kann mir sagen wieso es bei mir nicht geht obwohl ich strickt nach den vorgaben gegangen bin?
Die Vorgaben:
http://fwpf-webdesign.de/files/uploa...der+footer.htm
Die Seite:
http://www.meier-shk.com.dd1004.kasserver.com/cms/
Hier evtl. nochmal eine kurz zusammenfassung der HTML:
<body>
<div id="wrap">
<div id="bildcontainer"></div>
<div id="menu_top"><?php mosLoadModules ( 'top' ); ?></div>
<div id="menu_rechts"><?php mosLoadModules ( 'right' ); ?></div>
<div id="menu_links"><?php mosLoadModules ( 'left' ); ?></div>
<div id="content"><?php mosMainBody(); ?></div>
</div>
<div id="footer"></div>
</body>
Auszug aus der CSS:
/* Allgeimeine Einstellungen */
* {
margin:0;
padding:0;
}
html {
height:100%;
}
body {
height:100%;
background: url(../images/bg.jpg) repeat-y top left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; line-height: 1.5em;
font-style:normal;
}
/* Positionierung der Container */
#wrap {
min-height:100%;
position:relative;
}
/* IE Win < 7 only \*/
* html #wrap {
height:100%;
}
/* end IE Win < 7 only */
#content {
position:absolute;
top:190px;
width:620px;
left:180px;
padding-bottom:140px;
}
#bildcontainer {
position:absolute;
background: url(../images/top.jpg) repeat-y top left;
width:990px;
height:160px;
left:0px;
top:0px;
margin:0px;
padding:0px;
}
#menu_links {
position:absolute;
width:155px;
left:0px;
top:190px;
margin:0px;
padding-bottom:140px;
}
#menu_rechts {
position:absolute;
width:155px;
left:815px;
top:190px;
margin:0px;
padding-bottom:140px;
}
#menu_top {
position:absolute;
width:978px;
height:20px;
left:0px;
top:160px;
margin:0px;
padding:0px;
}
#footer {
position:relative;
background: url(../images/bottom.jpg) repeat-y bottom left;
left:0px;
width:978px;
height:140px;
margin-top:-140px;
padding:0px;
}
Wie immer ein dickes Danke in voraus!!!