raph4el: Footer mit Auto-Height

Hallo,

Ich habe ein Problem, nähmlich dass ich mit folgendem CSS-Code den footer partout nicht unter den inhalt bekomme. Habe schon vieles probiert und auch Google bemüht -> nichts Passendes gefunden.

Hier der CSS-Code:

  
body              {  
      background-attachment: fixed;  
      background-position: 50% 50%;  
      font-family: Helvetica,Arial,sans-serif;  
      width: 1000px;  
      margin: 0 auto;  
      height: 100%;  
  
}  
  
div#header       {  
      position: relative;  
      top: 1em;  
      width: 1000px;  
      height: 116px;  
  
}  
  
  
 ul#Navigation {  
    position: relative;  
    top: 50px;  
    width: 970px;  
    height: 25px;  
    margin: 0 auto;  /*Aussenabstand */  
    padding: 0.8em;  /* Innenabstand */  
    text-align: center;  
    border: 2px solid #fca807;  
  
  }  
  ul#Navigation li {  
    list-style: none;  
    display: inline;  
    margin: 0 auto;  
    padding: 0;  
  }  
  
  ul#Navigation a, ul#Navigation span {  
    padding: 0.2em 0.5em;  
    text-decoration: none;  
    font-weight: bold;  
    border: 1px solid #076ffc;  
    border-left-color: white;  
    border-top-color: white;  
    color: black;  
    background-color: #fca807;  
  }  
  * html ul#Navigation a, * html ul#Navigation span {  
    width: 1em;    /* nur fuer IE 5.0x erforderlich */  
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */  
  }  
  ul#Navigation a:hover, ul#Navigation span {  
    border-color: white;  
    border-left-color: black;  
    border-top-color: black;  
    border: 1px solid #fca807;  
    color: white;  
    background-color: #076ffc;  
  
  }  
  
  
  
div#inhalt {  
   position: relative;  
   width: 944px;  
   min-height: 30em;  
   height: auto;  
   margin: 0 ;  
   padding-top: 1em;  
   padding-left: 1.6em;  
   padding-right: 1.6em;  
   padding-bottom: none;  
   top: 75px;  
   border: 2px solid #fca807;  
  
}  
  
  
div#footer {  
   position: relative;  
   top: auto;  
   border: 1px solid black;  
  
  
  
}

gruss raph4el

  1. Das wurde Problem gelöst.

    Gruss Raph4el