Hallo versuche wirklick schon seit ewigkeiten einen Footer (nicht fixed) hinzubekommen der in meinem HTML-Template als #footer gemarkt ist. Er erscheint mir aber immer ganz oben am Bildschirm und nicht unten wo er soll.
Ich post hier mal mein CSS vll kann mir ja jemand helfen???!
Danke und Gruß
CSS:
p {
margin: 0;
}
#content {
position: absolute;
top: 150px;
left: 155px;
width: 445px;
height: 100%;
background: white;
font: normal 15px Verdana, Arial, Helvetica, sans-serif;
color: white;
}
#content_right {
position: absolute;
top: 150px;
left: 620px;
width: 180px;
height: 250px;
background: #F6F6F6;
}
#left {
position: absolute;
top: 150px;
width: 135px;
height: 250px;
background: #F6F6F6;
}
#head {
position: absolute;
top: 0px;
width: 800px;
height: 100px;
background: #6E96C4;
}
#header_menu {
position: absolute;
top: 100px;
width: 800px;
height: 21px;
background: #81AEE5;
}
#header_rootline {
position: absolute;
top: 121px;
width: 800px;
height:19px;
background-image: url(rootline_head.gif);
background-repeat:repeat-x;
}
body {
margin: 0;
padding: 0;
text-align: center; /*damits auch der IE versteht!*/
}
#frame {
margin-left:auto;
margin-right:auto;
width:800px;
text-align:center;
}
H1 {
font-family : Verdana, sans-serif;
font-size : 16px;
color : white;
margin-bottom : 0px;
margin-top : 10px;
}
H2 {
font-family : Verdana, sans-serif;
font-size : 15px;
color : white;
margin-bottom : 10px;
margin-top : 20px;
}
H3 {
font-family : Verdana, sans-serif;
font-size : 12px;
color : white;
margin-bottom : 0px;
margin-top : 10px;
}
H4 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : white;
margin-bottom : 0px;
margin-top : 10px;
}
.subhead1 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : black;
}
.subhead2 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : green;
}
.subhead3 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : red;
}
.headerdate {
font-family : Verdana, sans-serif;
font-size : 10px;
color : red;
font-weight: normal;
}
li {
text-decoration: none;
color: white;
}
li a {
color: white;
}
li a:hover {
color: red;
}
strong {
text-decoration: none;
color: white;
}
A {
color:white;
}
A:hover {
color:red;
}
A:active {
color:white;
}