✔ Seitenrand mit Schatten über div

[kalicki2k]

Hallo,
ich versuche einen Schatten über einen Div-Tag mit mehreren Grafiken zu erzeugen.
Hab hier im Forum ein guten Beitrag gefunden mit dem ich auch gut zurecht gekommen bin...

http://www.tutorials.de/forum/css/296562-seitenrand-mit-schatten-ueber-div.html

Nun versuche ich bei meinen Div-Tag die Linke und Rechte untere Ecke mit einem Schatten zu versehen... Nur ich bekomme das nicht wirklich hin.
Bsp.:
http://simply.blogdns.com/bsp/schatten.html

CSS:

div#shadow_left {
background: url(sl.png) repeat-y;

}

div#shadow_right {
background: url(sr.png) repeat-y right;
}

div#shadow_bottom {
background: url(sb.png) repeat-x left bottom;
margin:0px 5px;

}
div#shadow_bottom_left {
background: url(sbl.png) repeat-x left bottom;

}
div#shadow_bottom_right {
background: url(sbr.png) repeat-x right bottom;
/*margin:0 0 0 10px;*/
}

div#wrapper {
padding:0 15px 15px 15px;
}

HTML:

<div id="main">
 <div id="shadow_left">
  <div id="shadow_right">
   <div id="shadow_bottom_left">
    <div id="shadow_bottom_right">
     <div id="shadow_bottom">
      <div id="wrapper">
       hallo
      </div>
     </div>
    </div>
   </div>
  </div>
 </div>
</div>

Danke schon mal im vorraus.

Gruß

 

[Maik]

Hi,

bist du dir sicher, dass die beiden Eckgrafiken (sbl.png, sbr.png) mittels repeat-x horizontal wiederholt werden sollen?

no-repeat heißt hier für sie die korrekte / erforderliche Anweisung, und du bekommst den Schattenverlauf wie gewünscht hin.

mfg Maik