Allineare un div al centro della pagina

**timberwolf** · 14-10-2010, 01:25

Probabilmente questo argomento é già stato affrontato e chiedo scusa adesso ai navigatori più anziani del forum..

Sto rifacendo il layout del mio sito, e sto utilizzando appunto il css con i div per impostare il layout.. Tutto bene, ho solo una "piccola" rogna con il contenitore del sito (che é appunto un <div>) in quanto non riesco a centrarlo rispetto al <body>.. Avete qualche suggerimento?

il codice del contenitore che contiene tutto il sito é questo:

codice:

#container{
		border-color: #d4d5d7;
		margin-left: auto;
                margin-right: auto;
		font-family: "Times New Roman";	
		font-weight: normal;
		font-size: 12px;	
}

Solo che me lo trovo sempre spostato verso sinistra e assolutamente non centrato e ovviamente a seconda della risoluzione lo scostamento cambia..

Edito il messaggio per chiedervi anche un'altra cosa già che ci sono.. é meglio dichiarare il dtd come strict o come Transitional ?

**codencode** · 14-10-2010, 10:53

Sicuramente è meglio una dtd strict, in quanto più rigorosa e aderente agli utlimi standard.
Per allineare al centro il container

codice:

html, body { 	
     text-align: center; 
}  

#container { 	
     position: relative;
     margin: 0 auto;
}

**timberwolf** · 15-10-2010, 13:56

ciao

ho modificato come da tue istruzioni il file css, ma non funziona, ho sempre la pagina la pagina spostata a sx e non centrata..

**codencode** · 15-10-2010, 14:52

Puoi postare il codice o meglio ancora un link al sito (magari in una sezione temporanea e nascosta)?

**k.b** · 15-10-2010, 14:58

Devi dare una larghezza al div che vuoi centrare, altrimenti essendo un block element occupera' tutto lo spazio orizzontale disponibile.

**timberwolf** · 15-10-2010, 15:21

ok l'ho messo qui:

http://www.os4games.it/temp/index_3.html

**k.b** · 15-10-2010, 15:32

Aggiungi "width: 1000px" (o quello che ti pare) a #container.

**timberwolf** · 15-10-2010, 16:07

grazie ora sembra a posto, controllate anche voi ma sembra ok ora

**timberwolf** · 15-10-2010, 16:14

ho notato solo ora una cosa.. se metto al div il bordo visibile ecco cosa succede, l'immagine e' sempre centrata ma in alto appare una linea orizzontale..

**k.b** · 15-10-2010, 16:20

Appare una riga orizzontale perche' il #container ha altezza 0 visto che tutti i suoi contenuti hanno l'attributo float.

Discussione: Allineare un div al centro della pagina

Strumenti discussione

Ricerca discussione

Visualizza

Allineare un div al centro della pagina

Permessi di invio