Hintergrundgrafik mit png

[Klosterwurm]

moin moin und zwar bin ich jetzt schon länger mit meine spasselite-webseite beschäftigt. Und jetzt möchte ich gerne einen schatten als png einfügen aber irgendwie haut das nicht so hin. Möchte jetzt einfach eine transparente png grafik datei hinterlegen als schatten. Ich arbeite auch sehr viel mit float: left; ob das vtl mein fehler ist? So wie jetzt der CSS-Code ist zeigt er mir die Grafik an aber nur rechts und nicht am mein Layout dran. Hoffe mich versteht jemand was genau ich möchte!

Hier mal mein code ca.

html

  <div id="layout">
    <div id="hg">
       <div id="header">Banner</div>
       <div id="content">Mein nhalt!</div>
<div id="footer">(c) spasselite etc...</div>
  </div>
    </div>

css

html, body {
    background: url(style/sp_layout_backgr.jpg);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    border-top: 4px solid #979797;
    margin: 0px;
    padding: 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    color: #000000;
}

#hg {
     background-image: url(style/sp_shadow.png);
    position: absolute;
    top: 0px; left: 0px;
    width: 996px;
    margin: 0px;
    padding: 0px;
    background-repeat: repeat;
    background-position: center;
}

#layout {
    width: 990px;
    margin: 10px auto;
    position: relative;
}

#header {
    width: 990px;
    float: left;
}

#content {
    width: 990px;
    float: left;
}

#footer {
    width: 990px;
    float: left;
}

 

[Klosterwurm]

tote hose hier wa? Keiner eine Antwort ?

 

[developr]

Du kannst auch Schatten mit CSS realisieren.

/* Einfacher Schatten */
#test {
    box-shadow:8px 8px #666;
}

/* Weicher Schatten */
#test {
    box-shadow:8px 8px 8px #666;
}

/* Schatten mit festgelegtem Radius */
#test {
    box-shadow:8px 8px 8px 8px #666;
}

Das ist vermutlich viel einfacher ;-).

 

[Klosterwurm]

und entlich mal eine Antwort.... ich möchte eine Grafik benutzen, und nicht mit box-shadow, weil der IE es nicht kann ab 7/8