Procedura migliore per centrare

[daweb]

Ciao.
Posto codice HTML:


<div id="corpo">
<div id="header">
<h1>DINAMICA</h1>
</div>
</div>


Relativo CSS:



body {
background: #770000;
background-image: url("images/bkr.gif");
background-position: top;
background-repeat: repeat-x;
color: #666;
font-family: 'Trebuchet MS', Verdana, Arial,
Helvetica, Sans-Serif;
font-size: 12px;
margin: 6px auto 3px;
padding: 0;
text-align: center;
}
h1 {
border: 0 none inherit;
margin: 0;
padding: 0;
text-indent: -9999px;
}

h1 a {
border: 0; /*background: transparent
url(images/headerover.gif) top right no-repeat;
*/
display: block;
height: 81px;
margin: 0 8px 0 460px;
padding: 0;
width: 231px;
}

h1 a:hover {
text-decoration: none; /*background: transparent
url(images/headerover.gif) no-repeat right top;
*/
}

#corpo {
background: url(../images/bkrcorpo.gif) repeat-y 0% 0%;
margin: 0 auto;
padding: 0;
text-align: left;
width: 700px;
}

#header {
background: url(../images/header.gif) no-repeat 0% 0%;
height: 80px;
margin: 0;
padding: 0;
}



Se assumo come corrette le dimensioni delle immagini che ho usato e le relative impostazioni dei margin posso dire di 'essere nel giusto'?
Cioè, anche se non esiste una sola procedura per ottenere il risultato credo che ve ne siano di migliori e peggiori.

Questa va bene per centrare sia su IE che su FF e altri.

Grazie per l'attenzione.

[thomas_anderson]

Ce ne sono altre, come i margini negativi o il padding in % impostato al body. Questa è quella più usata.

P.S. Per favore, quando posti del codice, non c'è bisogno di colorarlo. Così rendi solo difficile la lettura. ciao