[CSS] Chiarimento: perchè è centrato?

[D4rkAng3l]

Scusate la domanda stupida ma sono novellino

se andate quà vedete il sito:
www.siatec.net/andrea/fotografia/index.html

Se vedete il codice c'è un div con id: header

Questo è la parte del codice CSS del body e del div header


body{
margin: 0;
padding: 0;
margin-bottom: 0.95em;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
font-size: 80%;
color: #000;
background-color: #fff;
line-height: 180%;
}
#header{
margin: 0 auto;
width: 760px;
height: 283px;
border: 1px solid #000;
border-top: 1px;
border-bottom: 1px;
background-image: url("img/sfondo.jpg");
background-repeat: no-repeat;
background-position: right bottom;
background-color: #8a9bac;
color: #000;
}


Come mai tale div è perfettamente centrato della pagina? chi glielo dice? io ho impostato la larghezza a 760 px e basta (era un CSS di un'altro template trovato che ho un po' modificato) ma non vedo indicazioni sul fatto che deve essere al centro...cos'è un'opzione di default del broswer che se non glielo specifichi te lo mette perfettamente centrato o c'è qualcosa che mi sfugge?

Eventualmente come potevo dirgli specificando di stare al centro, oppure a sinistra o a destra mediante i CSS?

Altra cosa che i è poco chiara...ma è l'immagine che è centrata o è il div che è centrato?

Grazie
Andrea

[thehuge]

margin: 0 auto;
Questo è il colpevole ;)
Assegna automaticamente al margine destro e sinistro il valore (Window_size-Div_size)/2

Se vuoi tenere allineato a sinistra il div sostituiscilo con
margin: 0;
oppure con
margin: 0 X 0 Y;
sostituendo ad X il margine destro, e ad Y il margine sinistro;

[kk3z]

margin:auto centra i div

[D4rkAng3l]

mi sento stupido e temo di non capire...
che significa: Assegna automaticamente al margine destro e sinistro il valore (Window_size-Div_size)/2 ??!?!?!