Posizione verticale testo in DIV: differenze IE e FF

**i_am_antipop** · 10-05-2007, 09:11

Ciao, ho un testo dentro ad un DIV.

Vedendolo con IE è in alto in cima, con Firefox è più in basso.

Vorrei che avessero la stessa posizione (meglio se centrati entrambi).

Come posso risolvere?

Grazie

Ecco il codice:

...il testo è dentro il tag H2... devo giocare con il padding di questo tag?

tnx

**Mich_** · 10-05-2007, 09:22

il testo è dentro il tag H2... devo giocare con il padding di questo tag?

Devi definire lo stile per il tag <h2>, certo. Altrimenti ti affidi allo stile di defualt dei browser (che chiaramente possono esser diversi, in base alla sensibilita` estetica dei "programmatori").

Ma cerca di non usare il padding: e` uno di quegli attributi interpretati in modo diverso da IE e i browser standard.
Metti il padding a zero ed usa il margin.

**i_am_antipop** · 10-05-2007, 11:23

Originariamente inviato da Mich_
Devi definire lo stile per il tag <h2>, certo. Altrimenti ti affidi allo stile di defualt dei browser (che chiaramente possono esser diversi, in base alla sensibilita` estetica dei "programmatori").

Ma cerca di non usare il padding: e` uno di quegli attributi interpretati in modo diverso da IE e i browser standard.
Metti il padding a zero ed usa il margin.

Grazie mille!

ho risolto impostando il margin-top. Ora la posizione è identica sia in IE che in FF

codice:

#testata_dx h2 {	margin-top: 40px;}

Ho provato a mettere "auto" per tentare di creare un allineamento automatico al centro, ma non funziona. E' possbile in qualche modo?

grazie

**Mich_** · 10-05-2007, 11:33

nei browser standard:

codice:

#testata_dx h2 {
  margin: 40px auto 0 auto;
  background: #f8f;         /* questo e` solo per prova */
}

Pero` il contenitore deve avere i margini orizzontali definiti. Se vuoi definirli in %, devono essere ricorsivmente definiti fino agli oggetti body e html compresi.

Nei browser IE (quirks mode) devi inserire
text-align: center
nel blocco che contiene quello da centrare

Discussione: Posizione verticale testo in DIV: differenze IE e FF

Strumenti discussione

Ricerca discussione

Visualizza

Posizione verticale testo in DIV: differenze IE e FF

Permessi di invio