Footer mit Auto-Height
raph4el
- css
0 raph4el
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
Das wurde Problem gelöst.
Gruss Raph4el