Salve, sto facendo un sito nel quale vi sono alcuni box con angoli arrotondati e un'ombreggiatura all'esterno dei lati destro ed inferiore. Il foglio di stile che ho creato non dà problemi con Firefox e Opera, mentre con explorer è naturalmente un altro discorso. Le ombreggiature infatti sono praticamente ingestibili, e non riesco a venire a capo di nulla.
Queste le regole del foglio di stile per le ombre:
-----------------------
/* DIV CHE CONTIENE BOX CON ANGOLI ARROTONDATI */
.shadow{
background: white url(../shadow.gif) right bottom no-repeat;/*QUESTA GIF DISEGNA INTERAMENTE L'OMBRA, TRANNE CHE PER LA PICCOLA CURVATURA SUPERIORE CREATA CON L'ELEMENTO SPAN SEGUENTE. L'IMMAGINE E' LARGA 130px E ALTA 1200px, PER ADATTARSI ALL'ALTEZZA VARIABILE DEI BOX*/
padding: 0px 5px 0px 6px;
margin: 0px 0px 0px -8px;
position: relative;
top: 5px;
right: 0px;
left: 10px;
}
/*SPAN CHE CARICA IMMAGINE DEL BORDO SUPERIORE ARROTONDATO DELL'OMBRA*/
.shadow span.shadow_up{
background: url(../shadow_topcorner.gif) right top no-repeat;
padding: 0px 5px 5px 5px;
margin: 0px 0px 0px -8px;
position: relative;
top: -5px;
left: 128px;
}
/*BOX CON BORDI ARROTONDATI CONTENUTO NEL DIV SHADOW*/
.mod_sx {
width: 128px;
background: #cedde9 url(../sx_down.gif) left bottom no-repeat;
color: inherit;
padding: 0px 5px 9px 5px;
margin: -20px -5px 0px -6px;
position: relative;
top: -5px;
right: 0px;
left: -7px;
}
/*HEADER CHE CARICA BORDI ARROTONDATI NELLA PARTE SUPERIORE DEL BOX*/
.mod_sx h3{
width: 131px;
background: #266da9 url(../sx_up.gif) left top no-repeat;
color: white;
padding: 2px 0px 2px 7px;
margin: 0px -5px 5px -5px;
position: relative;
top: 0px;
right: 0px;
left: 0px
}
---------------
In explorer, con queste regole le ombre non si vedono, perciò nel suo css ho specificato per il DIV shadow:
---------------
display: inline;
---------------
ma ho solo ottenuto di far apparire le ombreggiature in modo decisamente poco gradevole e scorretto. Modificando i parametri di posizionamento nel css per explorer non ottengo risultati significativi.
C'è qualcuno così gentile che, oltre ad aver avuto la pazienza di leggere fino a qui il mio messaggio, sia in grado di aiutarmi?
Grazie.

Rispondi quotando