Hallo,
habe folgendes Problem: Den Footer und den Hintergrund meines Contents habe ich mit 100%width und position:absolute angelegt. Der content und der Header ist nach der Fricca Methode mittig positionert. Sobald ich das Fenster verkleinere und horizontal scrollen muss, verschiebt sich der Footer und der Hintergrund vom Content nach links. Wäre dankbar, wenn mir jemand helfen könnte. Hier der Code:
HTML:
<body>
<div id="distance">distance</div>
<div id="img_header">header</div>
<div id="content_bg"></div>
<div id="wrapper">
<div id="content">container</div>
</div>
<div id="footer_bg"></div>
<div id="footer">
<div class="abstand_links"> footer</div>
</div>
</body>
CSS:
* {
margin:0;
padding:0;
}
html, body {
height: 100%;
width: 100%;
}
#distance {
width: 10px;
height: 50%;
margin-bottom: -363px;
float: left;
}
#wrapper {
margin: 0 auto;
height: 500px;
width: 1000px;
clear: left;
position: relative;
}
#img_header{
clear:left;
background-color:#F66;
margin:0 auto;
width:1000px;
height:113px;
position: relative;
}
#content_bg{
background-color:#FFFF66;
width:100%;
height:500px;
position:absolute;
clear:left;
}
#content{
height:500px;
width:800px;
margin:0 auto;
background-color:#339;
position:relative;
}
#footer_bg{
height:30px;
width:100%;
position:absolute;
background-color: #F60;
}
#footer{
height:20px;
width:1000px;
margin:0 auto;
position:relative;
}
.abstand_links{
margin-left:100px;
}