ciao a tutti
ho qualche problema di stile con ie,ma non con firefox.
Ho messo l'ombra su di una pagina e ,con ie8&9, l'ombra non si vede ma rimane solo un bordo molto stretto (alqunato funereo) e quando la pagina va oltre la dimensione dello schermo e quindi compare la barra per lo scroll, il contorno rimane di dimensione fissa.
Non ne so molto ci css, ho pedestremente copiato le istruzioni, mi date una mano per correggere il problema ??
questo e' il codice
<div id="ombra">
<div class="sfumatura_1">
<div class="sfumatura_2">
<div class="sfumatura_3">
<div class="testo">
</div>
</div>
</div>
</div>
</div>
e qusto e' il css
div
{
color: #4E4E4E;
font-family: verdana;
}
#ombra
{
width: 1000px; position: absolute; left: 50%; margin-left: -500px;height:93%;
}
#ombra .sfumatura_2, #ombra .sfumatura_3, #ombra .testo
{
}
#ombra .sfumatura_1
{
background: #E0E0E0;
}
#ombra .sfumatura_2
{
background: #C0C0C0;
}
#ombra .sfumatura_3
{
background: #A0A0A0;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.80);
-moz-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.80);
-webkit-box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.80);
}
#ombra .testo
{
background: #FFFFFF;
padding: 15px 15px 15px 15px;
border: solid 1px #4E4E4E;
height:100%;
}
ciao e grazie