un css per browser

[tuttoperilweb]

ciao ho sentito dire che per vedere ben i siti sia su firefox che su IE bisogna creare fogli di stile diversi ma come faccio a fare in modo che il browser sappia quale css prendere in considerazione e poi quali sono le cose differenti che devo cambiare da firefox e da IE?

[fcaldera]

Partendo dalla premessa che NON è obbligatorio usare fogli di stile diversi tra browser
- sarebbe meglio cercare di farne uno che valga per tutti -
cerca "commenti condizionali" in questo forum, troverai molte discussioni utili.

[tuttoperilweb]

ho cercato commenti tradizionali ma non ho capito bene quali codici inserire per fare in modo che il browser visualizzi un css o l'altro come faccio mi potete postare i codici?

[lila89]

il css è unico, lo scrivi per iE (che è quello con maggiori problemi), se l'html e il css sono scritti correttamente (intendo sopratutto come logica, specificando tutti i margini etc, non solo per esempio margin-top 3px la differenza tra ie e FF (che poi risulta essere uguale a opera, safari e chrome) dovrebbe essere solo nel padding e nelle distanza margini e dell'attributo float che deve essere apllicato non solo all'emento flottnte ma anke a quelli adiacenti ad esso.

per cui l'unica cosa da fare è inserire una caratteristica che solo firefox riesce ad interpretare, per fare questo basta che sopra all'attributo style compatibile per IE e non compatibile per FF inserisci lo stesso attributo con i valori giusti per FF seguito da !important;


per cui più o meno dovresti avere qst configurazione:

.destracash
{
color: #002442;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
float: left;
padding-right: 5px;
margin-bottom: 0px;
margin-left:59.5% !important;
margin-left:19.5%;
}

in qst caso IE legge margin-left 19.5% perchè non interpreta la clausola !important mentre FF e gli altri browser diversi da IE interpretano !important e quindi per loro margin-left è 59.5%.

Ricordo che qst clausola dovrebbe essere utilizzata solo per margin, padding e float, solo qnd qst sono interpretati "male" da FF anche se la colpa è di IE che ha troppi bug. Quidni prima di applicare !important cerca di risolvere i problemi correggendo al meglio il CSS specificando tutti e 4 i padding, tutti e 4 i margin e applicando correttamente i float sia ai contenitori che al contenuto.

[lila89]

Dimenticavo, se vuoi creare 2 css e fare in modo che il browser riconosca il suo css, devi usare javascript in particolare bastava che cercavi in QUESTO sito!! ovviamente tu al posto di far apparire la scritta inserirai un css piuttosto che un altro!



http://javascript.html.it/script/ved...re-il-browser/

oppure anke in qst discussione:
http://forum.html.it/forum/showthread/t-1268613.html

oppure in qst:
http://www.vinzplanet.com/javascript...ni-browser.php

e ce ne sarebbero altri 1000..

[blekm]

in generale ti dovrebbe bastare un css per Opera, Safari e Firefox.
Poi provi il sito su IE6 e IE7, se uno di questi due ti dà grossi problemi usi i commenti condizionali

<!--[if IE 6]>
<link rel="stylesheet" type="text/CSS" href="ie6.CSS">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/CSS" href="ie7.CSS">
<![endif]-->

riscrivendo nei css solo le cose che ti servono per vedere correttamente il sito sui due browser

[Ranma2]

do una piccola precisazione:

verifica se il browser è Internet Explorer, indipendentemente dalla versione.


esegue contenuto se il browser è Internet Explorer 5;


esegue contenuto se il browser è successivo a Internet Explorer 5;


esegue contenuto se il browser è Internet Explorer 5 o successivi;


esegue contenuto se il browser è precedente a Internet Explorer 5;


esegue contenuto se il browser è Internet Explorer 5 o precedenti;


esegue contenuto se il browser è diverso da Internet Explorer 5;

dovrebbe esserci la sigla per ogni browser che però inutile inq uanto chi crea problemi di norma e IE, IE accetta i commenti condizionali dalla 5 in su

se non erro ci dovrebbero essere adirittura per le mail



spero di non aver fatto errori

[Myaku]

Originariamente inviato da lila89
il css è unico, lo scrivi per iE (che è quello con maggiori problemi),

sarebbe l'inverso. Il css sarebbe meglio ottimizzarlo per i browser standard-compliant, e nel caso in cui qualche versione di IE dia i problemi si ricorre ai commenti condizionali.
Tra l'altro, l'utilizzo di una dtd xhtml strict risolve già di suo alcuni problemi legati al box model di Explorer

[Ranma2]

che poi i maggiori problemi di layout che riscontro sono i margini, se si riesce ad usare il padding al posto del margin, una buona fetta di problemi è risolta

[KingOfTheKill]

Originariamente inviato da Ranma2
do una piccola precisazione:

verifica se il browser è Internet Explorer, indipendentemente dalla versione.


esegue contenuto se il browser è Internet Explorer 5;


esegue contenuto se il browser è successivo a Internet Explorer 5;


esegue contenuto se il browser è Internet Explorer 5 o successivi;


esegue contenuto se il browser è precedente a Internet Explorer 5;


esegue contenuto se il browser è Internet Explorer 5 o precedenti;


esegue contenuto se il browser è diverso da Internet Explorer 5;

dovrebbe esserci la sigla per ogni browser che però inutile inq uanto chi crea problemi di norma e IE, IE accetta i commenti condizionali dalla 5 in su

se non erro ci dovrebbero essere adirittura per le mail



spero di non aver fatto errori

Dò un'ulteriore precisazione (vedi l'ultima riga del codice):

verifica se il browser è Internet Explorer, indipendentemente dalla versione.


esegue contenuto se il browser è Internet Explorer 5;


esegue contenuto se il browser è successivo a Internet Explorer 5;


esegue contenuto se il browser è Internet Explorer 5 o successivi;


esegue contenuto se il browser è precedente a Internet Explorer 5;


esegue contenuto se il browser è Internet Explorer 5 o precedenti;


esegue contenuto se il browser è Internet Explorer, ma diverso dalla versione 5;

Saluti!