03.05.2008, 09:25
OK, du brauchst einen #content-Div mit abgedunkeltem Hintergrund.
Dazu musst du aber nicht alles zerlegen.
Verwende eine einheitliche Hintergrundgrafik und für den #content einen abgedunkelten Teilausschnitt.
Ich habe das jetzt nicht mit den Grafiken getestet, aber generell sollte es so funktionieren, wobei ggf. noch Detailanpassungen erforderlich sind:
Dazu musst du aber nicht alles zerlegen.
Verwende eine einheitliche Hintergrundgrafik und für den #content einen abgedunkelten Teilausschnitt.
Ich habe das jetzt nicht mit den Grafiken getestet, aber generell sollte es so funktionieren, wobei ggf. noch Detailanpassungen erforderlich sind:
Code:
body
{
margin: 0;
padding: 0;
width:100%;
height:100%;
font-family: Verdana, Arial, sans-serif;
color: #fff;
}
#center
{
background-color: #E6ECFF;
border:2px solid black;
width: 960px;
height: 572px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -480px;
margin-top: -286px;
background-image: url(bg.jpg);
background-repeat: no-repeat;
}
#navi
{
position: absolute;
left: 0px;
top: 229px;
overflow: auto;
padding: 10px;
font-size: 16px;
line-height: 20px;
}
#content
{
background-image: url(img/content.jpg);
background-repeat: no-repeat;
height: 297px;
width: 716px;
left: 168px;
top: 229px;
position: absolute;
overflow: auto;
font-size: 14px;
padding: 10px;
}
#footer
{
background-image: url(img/foot.jpg);
background-repeat: no-repeat;
height: 23px;
width: 960px;
position: absolute;
left: 0px;
top: 549px;
font-size: 12px;
}
</style>
</head>
<body>
<div id="center">
<div id="navi">
Hier kommt<br>
die Navi rein.
</div><!--Ende navi-->
<div id="content">
Hier kommt der Inhalt rein
</div><!--Ende content-->
<div id="footer">
Hier kommt der Footer rein
</div><!--Ende footer-->
</div><!--Ende center-->
</body>![[-]](https://forum.juergens-workshops.de/images/collapse.png)