problemi con formattazione condizionale

[gianlucaweb]

Ciao

Ho preparato 2 fogli di stile uno per IE e un altro per firefox.

Ho aggiunto queste righe tra i tag Head

<link rel="stylesheet" type="text/css" href="stili/style.css">

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="stili/styleIE.css">
<![endif]-->

Ma IE 7 mi legge lo stesso solo il file style.css

Dove sbaglio?

Grazie

[javascripter]

In teoria il foglio di stile per IE, dovrebbe contenere delle correzioni su alcune regole e non un intero foglio di stile.

Se però vuoi che IE non legga una determinata parte di codice puoi usare <comment>, ma è un tag proprietario e quindi, se lo usi, andrai contro il w3c...
È altamente sconsigliata questa procedura, dovresti fare come ti ho detto all'inizio.

[gianlucaweb]

In teoria il foglio di stile per IE, dovrebbe contenere delle correzioni su alcune regole e non un intero foglio di stile.

Se però vuoi che IE non legga una determinata parte di codice puoi usare <comment>, ma è un tag proprietario e quindi, se lo usi, andrai contro il w3c...
È altamente sconsigliata questa procedura, dovresti fare come ti ho detto all'inizio.

Però in passato mi avevano suggerito il codice sopra.

Come mai non ha effetto?

Grazie

[dreadnaut]

Leggi bene quel codice, dice due cose: includi il file style.css e poi se sei IE, includi anche il file styleIE.css. Mi sembra stia funzionando esattamente come previsto.

[gianlucaweb]

Leggi bene quel codice, dice due cose: includi il file style.css e poi se sei IE, includi anche il file styleIE.css. Mi sembra stia funzionando esattamente come previsto.

hmmmm...ok

Cosa dovrei fare allora per includere uno ed escludere l'altro?

Prima usavo un controllo con php e funzionava, vorrei però evitare questa soluzione lato server.

Grazie

[dreadnaut]

Siccome non esistono controlli condizionali per altri browser, non puoi. Come suggerito sopra, scrivi un solo foglio di stile per tutti, ed uno con le correzioni per IE6/7.

Occhio che usando <!--[if IE]> includi anche IE 9, che sinceramente non si merita questo trattamento.

[gianlucaweb]

Siccome non esistono controlli condizionali per altri browser, non puoi. Come suggerito sopra, scrivi un solo foglio di stile per tutti, ed uno con le correzioni per IE6/7.

Occhio che usando <!--[if IE]> includi anche IE 9, che sinceramente non si merita questo trattamento.

ma scrivendo solo quello per le correzioni devo riscrivere lo stesso codice del precedente foglio di stile con le modifiche dove è necessario.
Ma non si sovrappongono? Le modifiche del secondo annullano la parte di css (simile per gli altri browser) del precedente?

Grazie

[dreadnaut]

CSS sta per cascading style sheet, dove per "cascata" si intende che le regole vengono applicate in sequenza.

Dai un'occhio ai concetti di cascade e specificity.

[gianlucaweb]

CSS sta per cascading style sheet, dove per "cascata" si intende che le regole vengono applicate in sequenza.

Dai un'occhio ai concetti di cascade e specificity.

E' tutto in inglese ci capisco poco.
In poche parole cosa dovrei fare.

ciao

[dreadnaut]

Per prima cosa, direi non essere pigro. Dopo, studiare l'inglese

Purtroppo non e roba che si spieghi in poche parole, ma una serie di regole che bisogna aver letto per avere un'idea di come funziona il css. Se ti dico "le regole vengono applicate in sequenza ma con la priorità definita dalla specificità della regola stessa", non è che ti aiuto molto.

[gianlucaweb]

Per prima cosa, direi non essere pigro. Dopo, studiare l'inglese

Purtroppo non e roba che si spieghi in poche parole, ma una serie di regole che bisogna aver letto per avere un'idea di come funziona il css. Se ti dico "le regole vengono applicate in sequenza ma con la priorità definita dalla specificità della regola stessa", non è che ti aiuto molto.

Non è questione di essere pigro o meno.
Il css lo conosco poco e devo portare a termine a breve un piccolo lavoro.
Mi si è presentata questa rogna con IE e speravo di risolvere con poche mosse.
Questo non esclude ovviamente che dopo con un po' di tempo a disposizione io debba studiare queste regole.

In pratica (tra le altre cose) le misure dei livelli in ie risultano più lunghe che in FF e vanno fuori layout.

Si purtroppo con quella indicazione mi aiuti poco (al momento relativamente a ciò che conosco dei css)

Grazie comunque.