nicht angemeldet
Hi Detlef,
ich schick mal wieder den betreffenden Quellcode.
Der HTML-Ausschnitt
.
.
.
<body>
<div id="bkgShade">
<div class="left"></div>
<div class="right"></div>
<div class="middle"></div>
</div>
.
.
.
Wunder Dich bitte nicht - in das CSS-File hab ich alles reingepackt, was mir so eingefallen oder ich als Tip bekommen habe. Mit Sicherhheit ist die Hälfte unnütz aber so bin ich wenigstens sicher, nix vergessen zu haben.
Das CSS-File
#bkgShade
{
position: absolute;
width: 850px;
margin: 0 auto;
margin-top: 38px;
display: block;
vertical-align: bottom;
}
#bkgShade .left
{
float: left;
width: 20px;
height: 600px;
display: block;
text-align: right;
vertical-align: bottom;
background: url(../images/bkg_content_left.jpg) no-repeat top left;
}
#bkgShade .middle
{
height: 600px;
margin: 0px;
display: block;
vertical-align: bottom;
background: url(../images/bkg_content_main.jpg) repeat-x top left;
}
#bkgShade .right
{
float: right;
width: 25px;
height: 600px;
display: block;
text-align: left;
vertical-align: bottom;
background: url(../images/bkg_content_right.jpg) no-repeat top left;
}
Nochmal kurz zur Erklärung: der DIVs liegen nebeneinander. Die beiden äußeren enthalten als Hintergrundbild jeweils einen Seitenrand, das breite DIV in der Mitte - ebenfalls als background image - den eigentlichen Hintergrund. An den zwei inneren Kanten finden sich 2px oder 3px breite Spalte.
Besten Dank.
Struppi
MudGuard