css in firefox

**alescamp** · 26-04-2006, 13:23

Salve a tutti,
finora ho lavorato con i css senza preoccuparmi troppo del risultato in firefox, ma considerato che ormai molti lo utilizzano invece del vecchio Explorer volevo chiedervi aiuto..

Alcuni effetti come l'allineamento al centro della pagina oppure gli sfondi visibili in Explorer non vengono invece "letti" da firefox.. qualcuno sa darmi un suggerimento? Esiste una guida di riferimento?

Grazie

**indigoindigo** · 26-04-2006, 13:42

generalmente usando i CSS nel modo appropriato, si ottiene il risultato sperato con Firefox e gli altri browser attenti agli standard e corretti nella lettura, e invece con Explorer bisogna correggere alcune cose..

per questo motivo, ti conviene prima scrivere il CSS in modo conforme agli standard e poi inserire i cosiddetti "hacks" per IE (ossia dei valori che correggono gli errori di IE nell'interpretare il codice CSS)..

naturalmente eseguire anteprime con i vari browser in corso d'opera è altamente consigliabile..

ciao!

**alescamp** · 26-04-2006, 14:48

grazie per la risposta..
comunque ho verificato e validato i miei css, nonostante questo alcuni parametri non vengono proprio considerati.. un esempio è l'allineamento centrale che invece mi viene visualizzato a sinistra ecc.

**pierofix** · 26-04-2006, 14:55

Il fatto è che l'interpretazione esatta dei CSS è quella da parte di Firefox, non di IE.

Caca-IE li interpreta a modo suo, non rispettando in tutto e per tutto lo standard.

L'errore più palese avviene nel box model. Firefox, come da copione, sa che la larghezza complessiva di un elemento è data dalla somma di tutte le componenti:

width
padding
border
margin

IE, invece, ritiene che la larghezza complessiva sia data dal valore di 'width', facendo 'rientrare' in essa i valori rimanenti (a parte ovviamente 'margin').

Esistono degli hack CSS per far fare anche al caca-browser di casa Microsoft le cose in modo corretto: una ricerca nel forum dovrebbe portarti tutte le risposte che cerchi.

**alescamp** · 26-04-2006, 15:31

ok grazie farò questa ricerca.. il mio capo mi sta con il fiato sul collo!

**pierofix** · 26-04-2006, 15:39

Capo? Agenzia di web design? E il tuo capo non è al corrente che l'interpretazione giusta è quella di FF e non quella di IE? Spiegami.

**alescamp** · 26-04-2006, 16:01

Diciamo piuttosto che il mio capo non era molto amante di FF.. ora si è posto il problema e dovrei rivedere quindi tutti i lavori fatti finora in modo che il css sia compatibile.. un incubo. Comuqneu non ho trovato questi famosi hack..

**pierofix** · 26-04-2006, 16:23

Originariamente inviato da alescamp
Diciamo piuttosto che il mio capo non era molto amante di FF..

Ma lavori in uno studio di web design? Oppure quella è un'attività secondaria dell'ufficio?

Comuqneu non ho trovato questi famosi hack..

Data una struttura di markup simile:

codice:

<body>
   <div id="pagina">
      
   </div>
</body>

Un hack classico è il seguente:

codice:

#pagina
{
   width:300px;
   padding:20px;
   border:5px solid #000;
}
body > #pagina
{
   width:250px;
}

**andrea.paiola** · 26-04-2006, 16:34

sconsiglio gli hack per IE... meglio i commenti condizionali: precisi e sicuri

**pierofix** · 26-04-2006, 16:45

Originariamente inviato da andrea.paiola
sconsiglio gli hack per IE... meglio i commenti condizionali: precisi e sicuri

Già, hai ragione: forse sono meglio.

Discussione: css in firefox

Strumenti discussione

Ricerca discussione

Visualizza

css in firefox

Permessi di invio