Archivi tag: orizzontale

Come si centra un div orizzontalmente?

17 Luglio 2008Css e (x)Htmlbox, centrare, centrare orizzontalmente, css, div, html, margin, margini, orizzontale, orizzontalmente, xhtmlricmanx

Vediamo il corretto procedimento per centrare orizzontalmente (la parte verticale non ci interessa) un oggetto float. Dobbiamo seguire pochi passi:

definire la larghezza del conenitore (va bene anche in percentuale)
inserire nel div da centrare questo css: “margin: 0 auto;” (o comunque fare in modo che i margini dx e sin siano automatici)
inserire nel box che contiene quello da centrare il css “text-align: center;” in quanto il povero IE non è in grado neanche di riconoscere i margini automatici

Continua la lettura di Come si centra un div orizzontalmente? →

Centrare un DIV in orizzontale e verticale

8 Maggio 2008Css e (x)Htmlaltezza, box, centrare, contenitore, css, dimensioni, div, html, orizzontale, orizzontalmente, posizionamento, risoluzione, verticale, verticalmente, xhtmlricmanx

Avevamo già visto come centrare orizzontalmente un div nella pagina.

Vediamo adesso come posizionare un elemento al centro di una pagina (x)html, non conoscendo le dimensioni della pagina, quindi adattabile a qualsiasi risoluzione. L’unica cosa che dobbiamo avere chiara è la dimensione del nostro “box”.

Utilizzo il posizionamento assoluto con i margini negativi.

#main {
  position:absolute;
  top:50%;
  left:50%;
  width:500px;
  height:200px;
  margin-left:-250px;
  margin-top: -100px;
}

Continua la lettura di Centrare un DIV in orizzontale e verticale →