Hallo allerseits!

Ich habe eine Frage bzgl. erstellen eines Schatens für ein Div-Tag.
Filgender HTML-Code

Code :

1 2	<div id="tabelle1" style="top:20px;"> ....

und die CSS-Formatierugn dazu

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

#tabelle1{     border: 2px #7894AE;     margin-left: auto;     margin-right: auto;     height: 500px;     width: 900px;     -moz-box-shadow:0 0 15px 4px #7894AE;     -webkit-box-shadow: 0 0 15px 4px #7894AE;     box-shadow: 0 0 15px 8px #7894AE;     position: absolute, center;     background-attachment: fixed;     background-color: white;     background-image: none;     background-repeat: no-repeat;     background-position: 0 0;     margin-top: 50px;     padding: 0; }

Das Problem ist das im Firefox der Schatten angezeigt wird und im IE nicht. woran liegt das?
IE Version 7 und 8

Danke im vorraus.

Lg
m.e.s.t.e

Hi,

das liegt daran, daß sich der IE wie so oft nicht an die Standards hält. M$ hat hier eine eigene Funktion eingebaut, die über Filter läuft. Hier ist ein schönes Script für den Einsatz des Filters: Link

hi,
wenn du dir ganz sicher sein willst das es auf jedem browser läuft, dann hol dir ein jquery shadow plugin

Danke vorerst für eure Antworten.

@filipe
glaube ich dir aber mit JQuery bin ich noch nicht so vertraut. Finde auch leider keine Samples.
Vielleicht komme ich am Wichenende dazu um mich damit zu beschäftigen.


Danke nochmals und Lg
m.e.s.t.e

Hi,

am einfachsten ist es denke ich so:

Code css:

1 2 3 4 5 6

.deineDivKlasse{     -moz-box-shadow: 5px 5px 10px #888;     -webkit-box-shadow: 5px 5px 10px #888;     box-shadow: 5px 5px 10px #888;     behavior: url(PIE.htc); }

PIE.htc ist wunderfoll um IE-Mängel auszugleichen.
Du kannst es hier herunterladen.

Gruß

Der IE 6 und 7 kann sowieso fast nichts. Vergiss sie einfach.

Probiers mal mit ...-webkit-box-shadow: ...

Hi,

mit PIE schaffen es sogar IE6 & IE7!