Centrare div

**Zoimaru** · 22-06-2009, 15:02

Salve,
sto creando una semplice paginetta xhtml 1.1 strict:

Codice PHP:


...

<div id="container" style="text-align: center;">

...

<div id="content" style="width:70%"></div>

...

</div>

</html>

Vorrei che il div content venisse visualizzato al centro della pagina invece che allineato a sinistra. Ho notato anche che impostando margin-left/right auto ottengo l'effetto ma solo su safari/firefox, mi piacerebbe un metodo universale per posizionare al centro questo div con dimensione variabile. Sapete aiutarmi?

**graffithouse** · 22-06-2009, 16:53

http://css.flepstudio.org/css-tutori...erticalmente-2

**Zoimaru** · 22-06-2009, 19:46

Grazie, ma questo è proprio il mio caso

<div style="text-align:center;"> <!–contenuto–> </div>

NB: il text-align; non funziona se è specificato una larghezza Provato su Windows
con: Firefox, Internet Explorer 6 e 7, Safari, Opera

A me serve che l'elemento da centrare abbia larghezza percentuale.

**Enzaccio** · 22-06-2009, 21:36

IExplorer per rispondere a margin: auto; esige la presenza di un !DOCTYPE XHTML

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Centrare DIV orizzontalmente</title>
</head>
<body>

<div id="container" style="text-align: center; margin: auto; border: 1px dashed red;">

 <div id="content" style="width:70%; margin: auto; border: 1px solid black;">h</div>

</div>

</body>
</html>

text-align: center; si "propaga" anche al contenuto del DIV interno, div id="content"
Aggiungere momentaneamente border: ; ai DIV è utile assai per rendersi conto di cosa succede ...

**Zoimaru** · 23-06-2009, 12:57

Grazie per la dritta, avevo inserito il !DOCTYPE dopo e non mi ero proprio accorto che con margin auto avrebbe funzionato.

Discussione: Centrare div

Strumenti discussione

Ricerca discussione

Visualizza

Centrare div

Permessi di invio