box-shadow non funziona

[beke82]

Buongiorno,
ho bisogno di un aiuto da parte vostra.

Ho un div a cui voglio applicare un'ombra tramite la proprietà box-shadow, ma non mi funziona e non ne capisco il motivo

Mi potete aiutare, per favore?

Di seguito il codice

html, body, ul {  margin:0; padding:0 }

body,td,th {
    font-family: Arial, Helvetica, sans-serif;
}
body { margin-left:4px; margin-top:4px;}

img { border:0;}

.configuratore { font-size:14px; color:#000000; text-decoration:none; font-weight:bold}
.configuratore:hover { font-size:14px; color:#f39b11; text-decoration:underline; font-weight:bold}

#container { width:875px; height:980px;}

#container #conf_bar { width:875px; background-color:#009f94; text-indent:5px; font-size:18px; color:#ffffff; font-weight:bold; text-transform:uppercase;}

#container #cont_conf {
    position: absolute;
    width: 865px;
    height: 930px;
    background-color: #ffffff;
    left: 10px;
    top: 30px;
    box-shadow: 3px 3px 3px 3px #c8c8c8;
    }

[WottaFacca]

Sarà probabilmente un problema di browser. Prova aggiungendo queste altre 2 regole

-webkit-box-shadow: 3px 3px 3px 3px #c8c8c8;
-moz-box-shadow: 3px 3px 3px 3px #c8c8c8;

[lucavizzi]

E' scritta male la regola, dovrebbe essere:

box-shadow: 3px 3px 3px #c8c8c8;

box-shadow: left top width color;

[beke82]

Provato ma non funziona

Sarà probabilmente un problema di browser. Prova aggiungendo queste altre 2 regole

-webkit-box-shadow: 3px 3px 3px 3px #c8c8c8;
-moz-box-shadow: 3px 3px 3px 3px #c8c8c8;

[beke82]

Provato ma non funziona

E' scritta male la regola, dovrebbe essere:

box-shadow: 3px 3px 3px #c8c8c8;

box-shadow: left top width color;

[WottaFacca]

Usa questo sito http://css3gen.com/box-shadow/ , dopo aver deciso la grandezza, la posizione il colore e tutte le cose che ti servono per l'ombra trovi il codice nel rettangolo azzurro in basso. Dovrai copiare tutti e 3 i codici come da esempio

es

 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);

[carlomarangoni]

Se usi IE devi usare il suo codice

[beke82]

Grazie 1000!

Usa questo sito http://css3gen.com/box-shadow/ , dopo aver deciso la grandezza, la posizione il colore e tutte le cose che ti servono per l'ombra trovi il codice nel rettangolo azzurro in basso. Dovrai copiare tutti e 3 i codici come da esempio

es

 -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);