cornice explorer

[pulce]

Salve a tutti. Ho inserito nel css questa cornice per gli articoli che, mentre si vede con FF e Chrome, su internet explorer non compare. Anzi visualizza un riquadro scuro. Come posso fare ? Grazie

Codice: [Seleziona]

table.contentpaneopen {
border-style: solid; border-width: 10px 40px 40px 10px; -moz-border-image: url(../images/cornice.png) 38 164 60 42 repeat; -webkit-border-image: url(../images/cornice.png) 38 164 60 42 repeat; -o-border-image: url(../images/cornice.png) 38 164 60 42 repeat; border-image: url(../images/cornice.png) 38 164 60 42 fill repeat ;

[giovi]

Che è sta roba?

Codice: [Seleziona]

-moz-border-image: url(../images/cornice.png) 38 164 60 42 repeat; -webkit-border-image: url(../images/cornice.png) 38 164 60 42 repeat; -o-border-image: url(../images/cornice.png) 38 164 60 42 repeat; border-image: url(../images/cornice.png) 38 164 60 42 fill repeat ;Nel css non esiste una cosa del genere, se vuoi ottenere uno stile uniforme per i vari browser devi seguire gli standard del w3c. Il border va bene, la background-image ci sta, ma tutto ciò che comincia con -moz devi dimenticarlo se vuoi che il sito sia uguale per tutti i visitatori


Questo mi sembra l'unico caso nel mondo in cui la colpa non è di IE

[pulce]

Grazie della risposta.
Ho semplificato il codice:

Codice: [Seleziona]

table.contentpaneopen {
border-style: solid; border-width: 10px 40px 40px 10px; border-image: url(../images/cornice.png) 38 164 60 42 repeat; fill repeat ;ma il problema rimane.
Come faresti ? Grazie

[giovi]

poichè non hai postato un link al sito posso solo immaginare quello che cerchi di fare...
se il div di riferimento ha una width ed una height fisse puoi semplicemente assegnargli uno sfondo che contenga quei bordi in quanto la proprietà che tenti di usare fa parte del css3: ie non è il miglior browser per cui molti standard non li supporta (per questo il commento di prima ) e tra questi vi sono anche molte caratteristiche del css3. Che versione di ie stai considerando?

[pulce]

Il sito in questione è questo:
http://www.acforli.org/
cercavo di fare una cosa carina per natale ...
Grazie dei consigli.

[giovi]

ho capito. allora io avrei agito diversamente: dal momento che border-image è ancora una funzione sperimentale (non supportata in pieno dai browser, soprattutto se la applichi ad una tabella!!!) puoi provare con questo css:

Codice: [Seleziona]

.blog td>div{
    border:solid 2px green;
    padding:30px;
    border-radius:25px;
    -moz-border-radius:25px; /* Vale solo per le vecchie versioni di FF */
}
.blog td>div{
    background: no-repeat url(../images/vischio.png) bottom right;}


Puoi modificare i valori a tuo piacimento. In questo modo dovrai inserire solo l'immagine del vischio/candela che sarà più leggera e non sarà così deformata!

[pulce]

Ottimo, grazie.
Solo che adesso gli articoli si presentano tutti come l'allegato. Viene incorniciato ogni div ...
(Nel sito al momento ho tolto la cornice per non creare confusione hai visitatori).



[allegato eliminato da un amministratore essendo vecchio più di un anno]

[giovi]

scusami è stata una mia dimenticanza

Codice: [Seleziona]

.blog td>div{
    border:solid 2px green;
    padding:30px;
    border-radius:25px;
    -moz-border-radius:25px; /* Vale solo per le vecchie versioni di FF */
}
.blog td{
    background: no-repeat url(../images/vischio.png) bottom right;}Il background volevo applicarlo solo al td

[pulce]

Sei molto gentile ... ma ancora non funziona. L'immagine si ripete anche all'interno degli articoli.
Io avevo pensato di applicare lo stile al table.contentpaneopen perchè si'incorniciasse solo l'articolo.
Funziona, ma non con explorer ... il mio problema è quello.
Grazie ancora per la disponibilità ...

[giovi]

postami il codice che hai usato che non funge con explorer. Ogni problema ha una soluzione, più o meno difficile, altrimenti non sarebbe un problema

[pulce]

OK.
Il codice che ho usato è all'inizio del post. Al quale poi ho tolto i reiferimenti -moz su tua indicazione.
In ogni caso su FF e chrome funziona, mentre su Explorer fa caricare l'articolo con uno sfondo nero al posto dell'immagine, come non la trovasse.
Avevo provato a mettere nel link l'indirizzo completo al posto di quello relativo, ma explorer non ne vuole comunque sapere.
Ciao e grazie ancora

[giovi]

credevo avessi trovato un metodo alternativo per l'immagine di sfondo.. quell'altro metodo è sperimentale e non sarà mai supportato da ie 9.
Puoi provare ad usare i commenti condizionali che in caso di ie attivano la regola che ti ho postato

[pulce]

Ho riattivato il css nel sito.
Sapevo che con i css explorer faceva storie, ma quella usata è un'immagine.
Ho provato anche ad aggiungere questo comando:

Codice: [Seleziona]

[if lte IE 6]
background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/natale.png’, sizingMethod=’crop’);ma anche questo non funziona ...