compatibilità browser
ho fatto un giro per controllare il mio template con un po’ di browser: ie, opera, netscape e mozilla.
ora funziona su tutti, si vede tutto.
ecco cos’ho scoperto
- opera e mozilla non supportano la definizione di classi multile nel CSS.
es:
.classe1, .classe2 {…stile…}
non va bene.
io ho risolto definendole entrambe ma ho il sospetto ci sia qualcosa di più furbo. - opera e mozilla non supportano il CSS
background: colore url(url) no-repeat position
si deve scrivere
background-color:colore; background-image:url(url); background-repeat: no-repeat; background-position: position - sempre loro non supportano l’attributo url(…) senza le virgolette
url(prova) <- no
url("prova") <- sì - mozilla e netscape non capiscono bene lo style:none. se applicato a un tr non nasconde la riga, ma la rende invisibile tenendone lo spazio. se si mette invece lo style:none a uno span o a un div, tutto funziona.
molti penseranno: ha scoperto l’acqua calda!
ma giuro che non ne avevo proprio neanche il sospetto d queste differenze qui.
12 commenti
-
scusa questo commento non c’entra con il post, ma penso possa interessarti [poi cancellalo pure!]. cliccando su "un blog a caso" nella pagina iniziale mi è venuto vuori questo http://tuttifrutti.iobloggo.com/ …
magari l’hai già visto, ma… è legale? si può fare una cosa simile su iobloggo? grazie per l’attenzione ciao ciao -
anija ha detto:
wondows xp. e le versioni di opera e netscape sono le ultime.
non per niente tre dei quattro punti sono stati confermati da stefano..
il punto 2 e il 3 sono effettivamente errori ed è giusto che non siano supportati. il browser che li interpreta è fatto apposta per "passar sopra" queste cose. se non chiudi un tr in explorer e molti altri browser si vede tutto normale, ma questo non vuol dire che si sia scritto un buon codice. -
Per quel che ne so in effetti Mozilla è il browser che tra tutti rispetta con più rigore i dettami del w3c (http://www.w3.org), bisogna vedere in effetti queli di questi punti trovano riscontro nelle suddette regole… in effetti IE come hai detto tu anija, passa sopra molte cose…
Io con Mozilla 1.6 e Linux non vedevo l’immagine dell’header e anche altre piccole cosette. In questo momento sto navigando da WinXP con IE e mi sto facendo un’idea di come dovrebbe apparire il tutto. Poi ti faccio sapere come si vede con Mozilla/Linux e Konqueror/Linux (Konqueror è uno dei browser + usati su Linux)… ti faccio un po’ di beta-testing!
-
mmm..il back.url, l’ho messo giusto, il probl dei class non ne ho perchè ho usato gli id, per il resto non ho usato nulla, ma allora perchè io non riesco a capire perchè la tabella in alto me la vede più grande..e i bordi delle due fasce nei post nemmeno. Perchè
??? sto diventando matta sigh -
Ti becchi da me un voto su blog-show solo per la tua giusta attitudine a cercare di far vedere bene il tuo blog su qualsiasi browser, io apprezzo immensamente questa cosa. P.S. giusto per, io uso mozilla (1.7) e non ho nessuna intenzione di usare IE per vari motivi non inerenti questo discorso
Lascia un commento
Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.
E’ vero piuttosto che IE interpreta position dove la trova: l’istruzione css2 è proprio background-position: pos . Per gli elementi di una tab prova con visibility:collapse . URL è vero, ci vanno i doppi apici, per le classi multiple è veramente strano :S boh!