mee: div bottem bündig jedoch n Max von oben

Beitrag lesen

Hi Antipitch

Ich hab nun doch noch n Knoten im Kopf und verstehe was nicht ganz. Hab Denen Link auf die Webseite moblily.de/css gesehen und gelesen. Doch mit dem negative Wert kann ich irgendwie nicht umgehen.

Mein Footer hat zwar nun den gewollten und schönen Abstand. Doch leider wird er immer ausserhalb des Browsers dargestellt. Aber er sollte doch einfach "nur" unten bündig sein und nicht schon von Anfang an aus dem Browaserfenster raus und wenn ich mit der Margin und padding Top spiele, dann hab ich keinen Abstand mehr ...

Also im Moment hab ich es so:
Kannst Du mir nochmals helfen?
Tausend Dank.

Gruss
mee

<html>
<head>
<title>Dokumenttitel</title>

<style type="text/css">

html,body {
   height: 100%;
   padding: 0;
   margin: 0;
   border: 0;
   bottom: 0;
   left: 0;
  }

#contentspace {
   width: 700px;
   position: relative;
   min-height: 100%;
   left: 117px;
  }

* html #contentspace {  /* IE Hack for 100% height */
   height: 100%;
  }

#content {
   position: relative;
   height: 200px;
   margin-top: 220px;
   border:#000000 1px solid;
  }

#footerspace {
   position: relative;
   height: 24px;
   width: 100%;
   border:#000000 1px solid;
  }

#footercontent {
   height: 80px;
   margin: 24px auto 0 auto;
   border:#000000 1px solid;
  }

</style>
</head>

<body>
  <div id="contentspace">
   <div id="content">Content<br>Dfhh dfhfgh asdasd Dfhh <br>dfhfgh asdasd Dfhh dfhfgh asdasd <br><br>Dfhh dfhfgh asdasd Dfhh <br>dfhfgh asdasd Dfhh dfhfgh asdasd <br>Dfhh dfhfgh asdasd Dfhh <br>dfhfgh asdasd Dfhh dfhfgh asdasd <br><br>Dfhh dfhfgh asdasd Dfhh dfhfgh asdasd asdasd</div>
  </div>

<div id="footerspace">
   <div id="footercontent">Footer</div>
  </div>

</body>
</html>