centrare il contenuto

**darkiko** · 25-05-2005, 11:31

'giorno

mi spiace rompere le balle per un problema semplice semplice ma senza ricerca sono bloccato..

vorrei centrare il mio div contenitore nella pagina ma mentre con Ie lo centra bene, con FF non considera la centratura.

html:

codice:

<body>
<div id="container">pippo
</div>
</body>
</html>

css:

codice:

*{margin:0px; padding:0px; border:0px;}

body {
background-color:#EFF0F2;
font:0.7em Verdana, sans-serif;
text-align:center;
}
#container {
width:760px;
background-color:#FFF;
text-align:center;
}

io vorrei che "contenitore" stesse orizzontalmente al centro della pagina, dove sbaglio?

**whiteduke** · 25-05-2005, 11:37

ti rimando a questo link http://www.extrowebsite.com/articolocss.asp?ID=7.
ciao

**kaze** · 25-05-2005, 11:37

prova così:

html, body {
background-color:#EFF0F2;
font:0.7em Verdana, sans-serif;
text-align:center;
margin:auto;
}
#container {
width:760px;
background-color:#FFF;
text-align:center;
}

**darkiko** · 25-05-2005, 11:44

Originariamente inviato da kaze
prova così:

html, body {
background-color:#EFF0F2;
font:0.7em Verdana, sans-serif;
text-align:center;
margin:auto;
}
#container {
width:760px;
background-color:#FFF;
text-align:center;
}

purtroppo la posizione resta la stessa.. ma i testi diventano piccolini

**darkiko** · 25-05-2005, 11:44

Originariamente inviato da whiteduke
ti rimando a questo link http://www.extrowebsite.com/articolocss.asp?ID=7.
ciao

guardo subito

**Mich_** · 25-05-2005, 11:46

Originariamente inviato da kaze
prova così:
...

No, i margini devono stare nel <div> da centrare:

codice:

html,body {
  background-color:#EFF0F2;
  font:0.7em Verdana, sans-serif;
  text-align:center;
}
#container {
  width:760px;
  background-color:#FFF;
  /*text-align:center;*/
  margin: 0 auto; 
}

(per centrare solo orizzontalmente basta mettere in auto i margini sinistro e destro)

**darkiko** · 25-05-2005, 11:55

Originariamente inviato da Mich_
(per centrare solo orizzontalmente basta mettere in auto i margini sinistro e destro)

perfetto, ora così è centrato

ma tanto per curiosità, perché solo impostando questi margini tutto il contenuto si è ristretto drasticamente?
prima la dimensione dei font messa a 0.7 è diventata illeggibile e ho dovuto aumentarla a 0.8.. :master:

**Mich_** · 25-05-2005, 12:01

E` uno dei bug di IE (credo): usa caratteri piu` grandi di altri browser.
Mi pare che devi mettere nel body una dimensione dei caratteri in %, poi tutto il restosegue correttamente.

La centratura in CSS si fa con i margini auto.
E` solo IE che non li riconosce e utilizza invece un attributo che serve per centrare il testo dentro un blocco (lo applica anche agli oggetti contenuti, non solo al testo).

**darkiko** · 25-05-2005, 12:08

Originariamente inviato da Mich_
E` uno dei bug di IE (credo): usa caratteri piu` grandi di altri browser.
Mi pare che devi mettere nel body una dimensione dei caratteri in %, poi tutto il restosegue correttamente.

ma sai che lo stesso scherzo l'ha fatto anche FF?
boh, probabilmente avrò scritto qualche vaccata nelle altre 10000 righe di css seguenti..

davvero 1000 grazie ancora

Discussione: centrare il contenuto

Strumenti discussione

Ricerca discussione

Visualizza

centrare il contenuto

Permessi di invio