B
b3n
Guest
hallo,
hab ein Problem mit position absolute.:'(
habe das Grundgerüst und die Css schon mal gebastelt.
nur gibt es ein Problem, mir wird das Hintergrundbild nicht mehr angezeigt.
und ich weiß nicht warum.
hoffe ihr könnt mir helfen.
<body>
<div id="wrapper">
<div id="container">
<div id="header"></div>
<div id="content">
<p>bcvmcnvbmc</p>
<p>fgfgkdöflgködfg</p>
<p>fgdfg</p>
<p>dfgdfffdgsdf</p>
<p>sdfsd</p>
<p>fsdf</p>
<p>sdf</p>
</div>
</div>
</div>
</body>
------------------------------------------------------------
<style type="text/css">
#body{
margin:0 0 0 0;
padding:0 0 0 0;
}
#wrapper{
position:absolute;
top:0px;
left:50%;
margin-left:-486px;
padding:0 0 0 0;
width:972px;
z-index:1;
}
#container{
position:absolute;
left:0px;
top:0px;
background-image:url(background.gif);
background-repeat:repeat-y;
text-align:left;
margin:0 auto;
padding:0 0 0 0;
width:972px;
z-index:2;
}
#header{
position:absolute;
left:6px;
top:0px;
width:960px;
height:145px;
background-image:url(header.jpg);
z-index:3;
}
#content{
position:absolute;
left:6px;
top:145px;
width:960px;
z-index:4;
}
</style>
hab ein Problem mit position absolute.:'(
habe das Grundgerüst und die Css schon mal gebastelt.
nur gibt es ein Problem, mir wird das Hintergrundbild nicht mehr angezeigt.
und ich weiß nicht warum.
hoffe ihr könnt mir helfen.
<body>
<div id="wrapper">
<div id="container">
<div id="header"></div>
<div id="content">
<p>bcvmcnvbmc</p>
<p>fgfgkdöflgködfg</p>
<p>fgdfg</p>
<p>dfgdfffdgsdf</p>
<p>sdfsd</p>
<p>fsdf</p>
<p>sdf</p>
</div>
</div>
</div>
</body>
------------------------------------------------------------
<style type="text/css">
#body{
margin:0 0 0 0;
padding:0 0 0 0;
}
#wrapper{
position:absolute;
top:0px;
left:50%;
margin-left:-486px;
padding:0 0 0 0;
width:972px;
z-index:1;
}
#container{
position:absolute;
left:0px;
top:0px;
background-image:url(background.gif);
background-repeat:repeat-y;
text-align:left;
margin:0 auto;
padding:0 0 0 0;
width:972px;
z-index:2;
}
#header{
position:absolute;
left:6px;
top:0px;
width:960px;
height:145px;
background-image:url(header.jpg);
z-index:3;
}
#content{
position:absolute;
left:6px;
top:145px;
width:960px;
z-index:4;
}
</style>