Newsgroup: it.comp.www.html
Titolo: css, browser e nervi saldi

Salve a tutti,
	sto cercando di rendere i css di un sito compatibili con tutti i 
browser più usati. Ho testato il sito su Firefox 2, Opera e Safari e il 
sito si vede bene, o almeno come io vorrei si vedesse. Su IE, invece, e 
me lo aspettavo, è tutto un casino. Penso che sicuramente dovrò 
sviluppare css ad hoc per questo browser e all'avvio, in base al browser 
usato, splittare.
Stavo però pensando che a oggi tutti questi browser citati si stanno 
battendo per chi raggiunge il 100% sugli acid test. Percui, siccome 
questo test è standard per tutti, ho pensato che forse anche la 
visualizzazione dei css possa essere molto simile. Percui se sviluppo la 
grafica su Firefox 3 beta 5 posso ipotizzare di risolvere i problemi di 
visualizzazione anche su IE8? Lo so che arriverà tra un bel pò ma è 
sicuramente una maggiore garanzia di compatibilità.
Che ne dite?
Grazie!
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

non credo sia saggio usare due file css ......ci sono dei modi per rendere 
compatibili quelle sezioni del css che non collimano senza replicare il 
tutto ............. e molto spesso è legato box model
per cui non è nemmeno troppo laborioso
in rete ci sono parechi esempi.
o approvati automaticamente 



Non è sbagliato ipotizzare che IE8 colmerà il gap con gli altri browser
per quanto riguarda i CSS2.1. Poi dovremo fare i conti con i CSS3, ma
tra un cattivo supporto e il non supporto dei CSS3 io preferisco il
secondo.
Bye.
-- 
site 
http://passiomatic.com/
pics 
http://redpunk.com/
lnks 
http://del.icio.us/deelan


 usato, splittare.
Una domanda forse banale/stupida: hai impostato il doctype in modo che su 
IE>=6 si attivi lo standards mode?
Attivato quello non rimanono tantissime cose da correggere o impossibili 
da ottenere.
Bye.


 da ottenere.
Questo è quello che ho messo io... dimmi se va bene:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "
http://www.w3.org/TR/html4/loose.dtd
">


    "
http://www.w3.org/TR/html4/loose.dtd
">
Si`, questo attiva l'Almost Standards Mode, che dovrebbe andare 
abbastanza bene. 
Bye.


 abbastanza bene. 
Il problema principale ce l'ho con i DIV. Su tutti gli altri browser si 
vedono bene. Su IE in contenuto si vede schiacciato come se l'altezza 
del div fosse 0(zero). Oppure la posizione del div è giusta se sotto 
un'immagine ma su IE sta un metro sotto. Boh.


Su Firefox ho trovato un plug-in che certifica i CSS mentre li esegui. 
Questo però non mi aiuta con IE forse perchè sviluppato solo per 
Firefox. Esiste qualche plug-in più universale che potete propormi?


 un'immagine ma su IE sta un metro sotto. Boh.
Da questa descrizione e` impossibile capire il problema, bisognerebbe 
vedere il codice.
Magari hai usato min-width che IE non conosce, oppure si tratta di un 
contenitore di float o altre cose.
Bye.


 Che ne dite?
Per ogni sezione che realizzi confronta subito la visualizzazione del
layout su ogni browser che ritieni importante, in questo modo è mooolto
più semplice evitare problemi. Altrimenti rischi di diventare pazzo per
capire dove si nascone il problema.
Ti consiglio vivamente di procedere in questo modo quando realizzi la
struttura del sito.
Max
-- 
http://www.maxori.it


Ti ringrazio... per ora sto correggendo i punti dove IE non si 
impegna... Ora sono inchiodato su "overflow" che su Firefox va da dio e 
su IE mi fa passare il testo ovunque. Non capisco perchè non gli 
piacciono i margini che gli ho dato.


Sto risolvendo le incompatibilità grafiche facendo nel contempo anche un 
pò di ordine nel CSS. Ma si può fare una cosa del tipo "<div 
class=bordoverde, centro>" richiamando cioè 2 classi del css invece di 
fare una classe che si chiamerebbe "bordoverde_centro"? E quindi di 
conseguenza creare una tipologia di classe per ogni tipologia di dato? 
Ho provato su Firefox ma non sembra funzionare.
Info in merito?


 conseguenza creare una tipologia di classe per ogni tipologia di dato?
Si puo` fare, ma non cosi`.
Intanto le virgolette sono obbligatorie, e poi li separi con spazio, non 
con virgole:
<div class="bordoverde centro">
Bye.



Si può fare (tua sintassi a parte che non è corretta) ed è più
elegante
perchè riutilizzi la stessa classe in più contesti piuttosto che
creare tante classi
quante sono le possibile applicazioni della stessa.
Ciao
Tommy
---
Tommaso Sacramone
www.tommasosacramone.it


 usato, splittare.
IE è il browser più usato in assoluto
Io sviluppo per IE...alla fine apporto gli adattamenti per firefox.
Ora IE fa visualizzare le font piccole, ad esempio verdana 10, molto 
bene e stondate...cosa che firefox non fa e per avere un testo chiaro si 
devono usare sempre le stesse font cubitali...


 devono usare sempre le stesse font cubitali...
Verdana 10 vuol dire voler male ai propri utenti. E` una dimensione 
illeggibile a risoluzioni piu` alte di 800x600, che oggi sono la 
maggioranza. Usa almeno 12 (e 15 di line-height).
Bye.


 Siccome IE7 e` molto piu` simile a IE6 come gestione dei CSS, oggi come
Scritto sbagliato.
...IE7 e` molto piu` simile a FF che a IE6 come gestione dei CSS...


 maggioranza. Usa almeno 12 (e 15 di line-height).
noooo
www.infolunigiana.it
 
www.bestbody.it
con un 12 ci vorrebbe un monitor da 32" per farci stare tutto...


 con un 12 ci vorrebbe un monitor da 32" per farci stare tutto...
Con Epiphany (motore Gecko) ho premuto CTRL-+ e mi ha portato i font al 
125% (quindi 12,5 pixel) e il layout e` rimasto uguale.
Nel secondo sito sbordano leggermente i titoli, ma basta allungare un po' 
i box. Nel primo non sborda niente.
In compenso sono leggibili a distanza normale su un 19" a 1280x1024, 
mentre col 10 mi toccava avvicinarmi al monitor.
Prova.


 i box. Nel primo non sborda niente.
Guarda ora sto facendo un sito vetrina e uso 12, 14 e 16...ma c'è 
scritto molto poco...quindi va bene.
Fare i due siti che ti ho citato prima con un 12 di base diventava 
troppo...poi ti dico, dalle statistiche i monitor son tutti 1440x900 e 
1280x1024, al terzo posto 1024x768....
con i due ai primi posti il 10 si legge molto bene...con firefox, 
purtroppo, il 10 non è leggibilissimo ma io credo che facendo la 
media...i siti vadano bene per la più comune delle configurazioni, cioè 
explorer 7 e monitor da 17-19 lcd.


 Io sviluppo per IE...alla fine apporto gli adattamenti per firefox.
Io sviluppo meglio su FF... oltre ad avere una serie incredibile di 
plug-in utili per la programmazione lo preferisco anche comp browser. 
Faccio probabilmente il lavoro opposto al tuo ma mi trovo bene per 
ora... ho risolto i maggiori problemi di compatibilità.
