centrare 2 div

[unreg]

Salve,

ho 2 div da centrare sulla pagina affiancandoli l'uno con l'altro.

le dimenzioni di un div deve essere di 180 x 150 px.

questo è il codice xhtml:

<div id="conta">
	<div id="div1">Testo</div>
	<div id="div2">Testo</div>
</div>

come devo fare ?

grazie !

[Mich_]

CSS:

#conta {
  margin: 0 auto;
  text-align: left; /* o simile per contrastare il center */
}
#div1, #div2 {
  float:left;
  width: ...; /* se opportuno */
}

Se la centratura deve funzionare anche nel browser IE, occorre aggiungere al blocco che contiene #conta, la direttiva CSS:
text-align: center;

[unreg]

grazie,

ma i 2 div restano a sinistra

#conta {
  margin: 0 auto;
  text-align: center;
}
#div1, #div2 {
	float: left;
	height: 146px;
	width: 180px;
	margin: 0px 30px;
	padding: 40px 15px 0px 15px;
}

[Mich_]

Non dici in quale browser non funziona. Suppongo sia in IE, dato che non hai seguito le istruzioni che ti ho dato per IE.

Se vuoi che funzioni uguale in IE e altri browser, devi anche mettere a 0 il padding, ed usare invece i margin.


Comunque in #conta ci deve stare:
text-align: left;

mentre nell'oggetto che contiene #conta (ad esempio il body, se non hai altro), ci devi mettere
text-align: center;

[unreg]

perfatto, grazie mille !