Hallöchen zusammen
Nachdem ich nun stundenlang vergebens versucht habe das Problem zu lösen und im Internet auch in diversen Foren (u.A. auch dieses) nicht schlau geworden bin, wende ich mich vertrauensvoll an euch.
Ich muss eine Seite erstellen, von welcher ich jedoch nicht genau weiss, wie hoch der Content-Teil ist.
Der Aufbau der Seite ist folgendermassen:
<div id="main">
<div id="content">
<div id="shop"> ...
</div>
<div id="footer">
<div class="footerbox"><span class="footerlinkspacer">
<img width="1" height="12" src="spacer.gif"></span><a href="...">Disclaimer</a><br>
<img width="1" height="9" src="spacer.gif"><br>© 2005 - 2010, SIX Multipay
</div>
</div>
Der CSS Code lautet wie folgt:
#shop {
z-index: 99;
position: absolute;
background-color: #FFFFFF;
left: 222px;
}
#content {
position: absolute;
top: 149px;
left: 12px;
min-height: 100%;
height: 100%;
width:960px;
background-color: #FFFFFF;
z-index: 240;
/*padding-bottom:100px;*/
}
#footer {
background-color: #F3F3F3;
border-top: 1px solid #9A9B9C;
bottom: 0;
clear: both;
color: #747678;
float: left;
font-family: Arial;
font-size: 11px;
left: 0;
margin-left: 0px;
padding: 0;
position: absolute;
width: 960px;
z-index: 400;
}
#footer a, #footer a:visited {
color: #747678;
font-family: Arial;
font-size: 11px;
text-decoration: none;
}
#main {
border: medium none;
float: left;
left: 0;
min-height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 240;
}
Eigentlich sollte der Footer im ganz unten am Rand sein, wenn der Content länger als eine Seite ist, soll der Footer noch nicht sichtbar sein bis man an den unteren Rand der Seite scrollt.
Momentan hängt dieser jedoch in der Mitte der Seite.
Ich habe wirklich schon alles versucht aber bin mit meinem Latein am Ende :(
Wäre sehr sehr froh um eure Hilfe!
Vielen Dank und liebe Grüsse
Yuny