posizionare nel mezzo

[_SC_]

Ciao ragazzi,
come faccio ad inserire un elemento proprio nel mezzo di un altro?

Ho un wrapper assoluto, dentro ci voglio mettere un logo che stia proprio nel mezzo:

#main {
	width: 90%;
	height: 90%;
	position: absolute;
	top: 5%;
	left: 5%;
	font-size: 12px;
	margin-bottom: 10px;
	font-size: 12px;
	border: 2px solid black;
}

<div id="wrapper">
<div id="header">[img]images/logo.jpg[/img]</div>
</div>

come costruisco l'header? Ho solo le opzioni su left (o right) dove devo impostare la distanza, oppure esiste qualche altro attributo? Perchè se poi logo cambia di dimensione la distanza calcolata non va più bene :

#header {
	position: relative;
	top: 10%;
	left: 81%;
	width: 18%;
	height: 30%;
	font-size: 12px;
	margin-bottom: 10px;
	font-size: 12px;
	border: 2px solid white;
}

[marco.carrieri]

Un align center non basta?

[_SC_]

Originariamente inviato da marco.carrieri
Un align center non basta?

Dove? Non ho capito.

[marco.carrieri]

<div id="header" align="center">[img]images/logo.jpg[/img]</div>
Ma non ho provato il tutto quindi chiedo scusa se non va.

[Bregovic]

wrapper sarebbe #main?

se metti

text-align:center;

dovrebbe centrarti il contenuto

#main {
width: 90%;
height: 90%;
position: absolute;
top: 5%;
left: 5%;
font-size: 12px;
margin-bottom: 10px;
font-size: 12px;
border: 2px solid black;
text-align:center;
}

oppure al div header metti margin:auto

ciao!