Hey Leute,
hab mich in letzter Zeit etwas intensiver mit css beschäftigt und schon einiges geschafft.
Leider habe ich ein Problem, dass ich nich richtig gelöst bekomme.
Der Footer ist hinter dem Content Bereich und der Footer verschiebt sich leider auch nicht nach unten :'(, da ich den Content Bereich nicht auf 100% bekomme (height:100%; geht leider net
)
Hier ist der Code, damit ihr euch n Bild von machen könnt
wäre nett wenn mir wer helfen könnte
Ich bin hier grad echt am verzweifeln
hab mich in letzter Zeit etwas intensiver mit css beschäftigt und schon einiges geschafft.
Leider habe ich ein Problem, dass ich nich richtig gelöst bekomme.
Der Footer ist hinter dem Content Bereich und der Footer verschiebt sich leider auch nicht nach unten :'(, da ich den Content Bereich nicht auf 100% bekomme (height:100%; geht leider net
)Hier ist der Code, damit ihr euch n Bild von machen könnt
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=window-1252">
<script type="text/javascript">
function insert(id)
{
document.getElementById("eingabe").value = document.getElementById("eingabe").value + id;
}
</script>
<style type="text/css">
body {
background-color: transparent;
background-position: center top;
background-image:url(style/background.jpg);
background-attachment:fixed;
color:#b35f07;
margin: 0;
padding: 0;
font-family: Impact Standard,Arial,Verdana, Times, serif;
}
img {
border:0px;
}
#centern {
margin: 0px auto;
height:auto;
width:1024px;
background-color:transparent;
}
#header_Bereich {
height: auto;
width: auto;
}
#space_ueber_header {
height: 50px;
width:auto;
background-color:transparent;
}
#header {
height: 232px;
width: auto;
background-image:url(style/header.png);
}
#space_unter_header {
height: 50px;
width:auto;
background-color:transparent;
}
#Content_Bereich {
height:100%;
width: auto;
background-color:transparent;
}
#content_left {
float:left;
width:812px;
}
#content_left_oben {
background-image:url(style/content_oben.png);
height: 50px;
width:auto;
}
#content_left_mitte {
width:auto;
background-image:url(style/conten_mitte.png);
}
#content_mitte_unten {
height: 50px;
width:auto;
background-image:url(style/conten_unten.png);
}
#footer_Bereich {
height: 100%;
width:auto;
}
#footer {
background-image:url(style/footer.png);
height:93px;
}
</style>
</head>
<body>
<div id="centern">
<div id="header_Bereich">
<div id="space_ueber_header">
<!-- Space über Header -->
</div>
<div id="header">
<!-- header -->
</div>
<div id="space_unter_header">
<!-- Space unter Header -->
</div>
<!--Header Bereich -->
</div>
<div id="Content_Bereich">
<div id="content_left">
<div id="content_left_oben">
</div>
<div id="content_left_mitte">
blalba<br />
blalba<br />
blalba<br />
blalba<br />
blalba<br />
blalba<br />
blalba<br />
blalba<br />
blalba<br />
blalba<br />
</div>
<div id="content_mitte_unten">
</div>
</div>
<!-- Content Bereich -->
</div>
<div id="footer_Bereich">
<div id="footer">
</div>
</div>
</div>
</body>
</html>wäre nett wenn mir wer helfen könnte
Ich bin hier grad echt am verzweifeln 
