PDA

Visualizza versione completa : [CSS] Perchè in Firefox si ed in Explorer no??


knightOfDoom
08-11-2006, 15.34.58
Salve a tutti quanti voi,

come avete letto dal titolo del 3d, mi chiedo come un foglio di stile su un browser funziona alla perfezione se non troppo, mentre nell'altro non cambia una virgola..

accidenti, io mi chiedo cosa dobbiamo fare noi programmatori con queste difficolta..

cmq, a parte la predica iniziale, vi chiedo questo favore..
io ho questo codice css..


input[type=submit], input[type=button]{
-moz-border-radius : .3em .3em .3em .3em;
border : 1px dotted silver;
width : 70px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #0066CC;
background-color : #F0F8FF;
}

input[type=submit]:hover, input[type=button]:hover{
-moz-border-radius : .3em .3em .3em .3em;
border : 1px dotted silver;
width : 70px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #0066CC;
background-color : #E6E6FA;
}

e quando visualizzo la pagina con firefox tutto è perfetto e caruccio mentre con iexplorer.. be lasciamo stare .. tristezza assoluta..

Da qui la mia domanda..

Come faccio ad importare il foglio di stile in explorer, o renderlo compatibile con explorer o far si che questo pezzo di codice vada bene (si visualizzi correttamente ) in entrambi i browser??

Grazie mille per l'aiuto

NightMan
13-11-2006, 04.27.21
-moz-border-radius è supportato solo da mozilla.

Xtefano
13-11-2006, 08.20.39
Non sei il solo:

CSS traslucido di Paolo Attivissimo (http://www.attivissimo.net/diritti/standard_web/index.htm)

Verifica del CSS con IE7 (http://attivissimo.blogspot.com/2006/11/internet-explorer-7-e-i-css-piccolo.html)


Byez

Stefano

Dav82
13-11-2006, 08.30.48
Beh oddio... d'accordo che IE non rispetta gli standard ben più di altri browser (non so la 7), però i bordi arrotondati fanno parte solo di CSS3 ;) (e Mozilla, mettendo a disposizione queste proprietà "stravaganti", non fa altro che fare ciò che IE e NN hanno fatto per anni :rolleyes: )