Nicht mehr ganz neu hier
hallo, ich versuche eine div-basierte web-page aufzubauen.
in der mitte des monitors soll die 1024-pixel große seite zu sehen sein.
ich habe hier schon viel darüber gelesen, aber es funktioniert bei mir nicht.
hier der aufbau der index - seite:
und hier der anteil des div.css
wo liegt denn hier der fehler??
in der mitte des monitors soll die 1024-pixel große seite zu sehen sein.
ich habe hier schon viel darüber gelesen, aber es funktioniert bei mir nicht.
hier der aufbau der index - seite:
Code:
<div id="DivWrapper" style="text-align:center">
<div id="DivTop"><img id="Rahmen_Top_Grau" src="images/Rahmen-Top-Grau.jpg" width="1024" height="13" alt="" /></div>
<div id="DivLinks"><img id="Links" src="images/Links.jpg" width="142" height="755" alt="" /></div>
<div id="DivBannerTop"><img id="Top" src="images/Top.jpg" width="726" height="83" alt="" /></div>
<div id="DivRechts"><img id="Rechts" src="images/Rechts.jpg" width="156" height="755" alt="" /></div>
<div id="DivBanner"><img id="Banner" src="images/Banner.jpg" width="726" height="144" alt="" /></div>
<div id="DivMain">
und hier der anteil des div.css
Code:
body
{
text-align: center;
}
#DivWrapper {
position:relative;
width:auto;
height:auto;
z-index:9;
top: #F00;
text-align: center;
background-position: center;
vertical-align: middle;
margin-right: auto;
margin-left: auto;
}
#apDiv2 {
position:absolute;
width:707px;
height:35px;
z-index:1;
top: 3px;
text-align: center;
}
#DivTop {
position: absolute;
left: 10px;
top: 15px;
width: 1024px;
height: 13px;
z-index: 1;
line-height: 13px;
}
#DivLinks {
position: absolute;
left: 10px;
top: 28px;
width: 142px;
height: 755px;
z-index: 2;
vertical-align: middle;
}
#DivBannerTop {
position: absolute;
left: 152px;
top: 28px;
width: 726px;
height: 83px;
z-index: 3;
}
#DivRechts {
position: absolute;
left: 878px;
top: 28px;
width: 156px;
height: 755px;
z-index: 4;
vertical-align: middle;
}
#DivBanner {
position: absolute;
left: 152px;
top: 111px;
width: 726px;
height: 144px;
z-index: 5;
}
#DivMain {
position: absolute;
left: 152px;
top: 255px;
width: 716px;
height: 474px;
z-index: 6;
background: url(images/Main.jpg);
padding-left: 10px;
}
#DivInhalt {
position: absolute;
left: 188px;
top: 0px;
width: 502px;
height: 464px;
z-index: 8;
padding-left: 10px;
text-align: justify;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: dotted;
border-right-style: dotted;
border-bottom-style: dotted;
border-left-style: dotted;
overflow: auto;
}
#DivFuss {
position: absolute;
left: 152px;
top: 729px;
width: 726px;
height: 71px;
z-index: 7;
}
wo liegt denn hier der fehler??