Allineare 2 div a centro pagina

**marco80** · 23-03-2006, 11:24

Ho un piccolo problema. Ho 2 div i quali contengono 1 tabella ciascuno. Vorrei che rimanessero nella pagina uno di fianco all'altro ed entrambi posizionati a centro pagina.

Come devo intervenire su gli attributi delle tabelle o div?
Style in linea o altro?

grazie.

**ignorantone** · 23-03-2006, 16:03

Presumo che tu debba da un lato impostare il body con allineamento centrale:

codice:

body {
text-align: center;
}

e dall'altro impostare i div come elementi inline:

codice:

div {
display: inline;
}

Se non lo vuoi fare per tutti i div puoi impostarlo con una classe.
Spero di esserti stato utile.

**marco80** · 23-03-2006, 16:33

Ok ci provo grazie.

**Mich_** · 23-03-2006, 16:33

Direi che il consiglio di ignorantone porta fuori strada: aggiunge errori ad errori.

Per centrare un oggetto bisogna scrivere:

codice:

body {
  text-align:center; /* per dare il contentino ad IE */
  width: 100%;
}
#contenuto {
  margin: 0 auto;
  text-align: left; /* per controbilanciare il center sopra */ 
}

Se i blocchi da centrare sono due, e se tali blocchi devono stare affiancati, ocorre racchiuderli ambedue in un blocco unico (che sara` il contenuto di cui sopra).
Poi i due blocchi dovranno avere:

codice:

.pezzo {
  float: left;
  width: 49%; /* opzionale */
}

Per cui il codice HTML diventa:

codice:

<body>
  <div id="contenuto">
    <div class="pezzo"> qualcosa</div>
    <div class="pezzo"> qualcosa altro</div>
  </div>
</body>

Discussione: Allineare 2 div a centro pagina

Strumenti discussione

Ricerca discussione

Visualizza

Allineare 2 div a centro pagina

Permessi di invio