centrare tabella in CSS e immagini

[silvia.c]

Ciao a tutti,

ho già provato a cercare nel forum, ma porcaccia non sono riuscita a risolvere il mio problema... provo a postare il mio codice... è molto semplice:

Nel CSS esterno è questo:

div.tabella div {
float:left;
width: 170px;
padding: 5px;
margin-right: auto;
margin-left: auto;

}

Nella pagina HTML è questo:

<div class="tabella">
<div>Luned&igrave;:</div>
<div>14.45 - 19.45;</div>
</div>




<div class="tabella">
<div>Sabato:</div>
<div>9.15 - 12.45 e 14.45 - 17.15</div>
</div>

In pratica si crea una piccola tabella che però vorrei fosse centrata alla pagina... se uso "text-aling=center" mi si centra il testo...
Qualcuno mi sa dare una mano? :master:


Altro piccolo problema... nello stesso caso, se al posto del testo, dovessi inserire nei <div> due immagini con altezza diversa... come posso allinearle al centro verticalmente? Cioè, come la cara e vecchia <td valign="middle">... io non riesco proprio a raccappezzarmi in questo!!!

Si vede che la centratura non è il mio forte!!

CHi mi da una mano?
Silvia

[Mich_]

Per il browser IE, devi usare il text-align nel blocco superiore, per gli altri browser moderni devi settare margin e/o padding al valore auto nel blocco che vuoi centrare.

Per la centratura verticale vale lo stesso discorso per i browser moderni, non so per IE.

Comunque questi argomenti sono trattati bene nel sito di www.constile.org