heyho,
ich versuche eine Box mit Schatten zu erstellen. Ich habe es auch fast hinbekommen, aber es gibt noch einen kleinen Schönheitsfehler: Der rechte Schatten hat noch einen Abstand von 2-3 Pixeln zur Box nach links. Dies ergibt einen unschönen Fehler. Ich schaffe es nicht, diesen zu beseitigen. Die Margin-Eigenschaft scheint nicht zu langen. Nachfolgend der Html-Code.
Vielen Dank.
Gruß xforfun
<div style="width: 100%; height: 250px">
<div style="margin: 0px; border: 1px solid #008080; height:100px;float : left; width: 400px; background-color: #CCCCCC; ">
<div style="padding: 2px; border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: #800000; font-variant: small-caps; font-weight: bold;">Header</div>
<div style="padding: 3px; ">Content blabla... blabla... blabla... blabla... blabla...
blabla... blabla... blabla... blabla... blabla... blabla... blabla... blabla...
blabla... blabla... </div>
</div>
<div style="margin : 0px;background-image: url('RechtsOben.png'); width: 20px; height: 20px;">
</div>
<div style="margin: 0px;background-image: url('Rechts.png'); width: 20px;height:80px; ">
</div>
<div style="float: left">
<img alt="" height="20px" src="LinksUnten.png" width="20px"></div>
<div style="float: left; width:380px; background-image: url('Unten.png'); height: 20px;">
</div>
<div style="margin:0px; width:20px; background-image: url('RechtsUnten.png'); height: 20px;"></div>
</div>