Angoli arrontondati con Internet Explorer

[Pierhagi]

Ciao a tutti

sto cercando di far visualizzare ad IE gli angoli arrotondati. Navigando in rete ho trovato questo articolo, mi scuso anticipatamente se non dovevo pubblicare pagine di altri siti:

http://ziogeek.com/utilizzare-bordi-...#comment-10565

che è la versione italiana di questo:

http://aext.net/2010/04/css3-ie-support/

Qualcuno è riuscito ad a farlo funzionare con IE?

...io no! Vedo i bordini come se fosse un normale:

border:2px solid #000;

Mi funziona con tutti gli altri borwser!

Pier

[codencode]

Lo hai provato in locale oppure online?

[Pierhagi]

on-line!

Guarda le immagini della colonna di destra di questo sito:

http://www.finalmarinacalcioa5.it/ho...contenuti=home

[red zeppelin]

A me nel sito che hai postato (finalmarina), con FF 3.6.9., appaiono gli angoli arrotondati solo del bordo mentre le foto restano rettangolari e "bucano" il bordo...

questi sono il codice html e i css estratti con pagespeed

[img]/public/image/miniature/miglior_giocatoe_2010.jpg[/img]

#tbn_img_gallery_vert_dx {
-moz-border-radius:15px 15px 15px 15px;
-moz-box-shadow:10px 10px 20px #000000;
border:2px solid #013974;
color:#000000;
font-family:Verdana,Geneva,sans-serif;
font-size:12px;
margin:0 auto;
text-align:center;
width:140px;}

[Pierhagi]

Ciao

ho modificato lo stile ed effettivamente non è che funzioni benissimo.
Ora ho questo stile:
#tbn_img_gallery_vert_dx{width:140px;margin:0 auto; text-align:center;font-size:12px; font-family:Verdana, Geneva, sans-serif;color:#000;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 8px; /* Safari and Chrome */
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

-moz-box-shadow: 20px 20px 30px #013974; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #013974; /* Safari and Chrome */
box-shadow: 10px 10px 20px #013974; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
border:5px solid #013974;
behavior: url(ie-css3.htc); /* RIGA DA AGGIUNGERE */
}

....ma in IE non compare niente di bordo arrotondato.

Tu hai provato nel codice questo stile?

[red zeppelin]

...mi spiace ma non ho IE sottomano causa ubuntu

ho riguardato il sito stamattina e dopo le tue modifiche devo dire che non mi dispiace.
Adesso le immagini non "bucano" il bordo e non ci si accorge nemmeno che sono rettangolari se proprio non si è pignoli. I vari bordi sono invece belli arrotondati.
La pagina, le imagini e i bordi li vedo comunque uguali sia con ff3.6.9, con Opera 10.61 e Chromium 6.0.4.
Unica differenza, l'ombra delle immagini con FF è più grande e finisce appena fuori con la sfumatura, con gli altri è ok (forse devi diminuire i valori di -moz-box-shadow: 20px 20px 30px)
Unica nota: con tutti e tre i browser mi compare la banda di scorrimento orizzontale (con 1024x768), ma il "container" è comunque centrato e non serve scorrere la pagina. Controlla però la situazione con risoluzioni più alte.

[Pierhagi]

Ciao e grazie x i consigli!

Allora la barra di scorrimento a 1024 l'ho sistemata.
L'ombra su FF non va + fuori dalla colonna.

...ora rimane SOLO da far visualizzare a IE i bordi arrotondati!!!

Ho trovato 4 articoli che parlano dello stesso script e a certi funziona e a certi no!...strano!

[Pierhagi]

...ho provato anche questo:

http://css3pie.com/

e sugli altri browser funziona... IE NO!!!

...cmq ho potuto verificare che il collegamento al file IE lo prende, infatti qlc fa apparire ma guarda caso gli angoli arrotondati NO!!!