Allineare al centro con position absolute

Vorrei sovrapporre 2 div... ma è sorto un problema:
-Per sovrapporli ci vuole la posizione assoluta
-Se inserisco una posizione assoluta il div si allinea a sinistra
-Il Div deve essere allineato al centro, ma qualunque tentavo viene annullato da position absolute
-Se imposto un margine a sinistra, non è compatibile con tutti i desktop
Come posso sovrapporre i 2 Div senza che si allineano a sinistra?

ciao

non saprei...

perchè non li metti uno dentro l'altro?

[EuroSalute]

Prova questo codice:

<table cellpadding="0" cellspacing="0">
			<tr><td valign="top" align="left" style="width:180px; height:90px;">
			
			<div align="left" style="width:180px; height:90px; position:absolute;">
			<!-- Banner - Logo -->
			</div>
			
			</td><td valign="top" align="center" style="width:728px; height:90px;">
			
			<div style="width:728px; height:90px; text-align:center;">			
			<div align="center" style="position:absolute; width:728px; height:90px; z-index:3; ">
			<script type="text/javascript">
//<![CDATA[
google_color_border = "0065b7";
google_color_bg = "FFFFFF";
google_color_link = "0065b7";
google_color_url = "008000";
google_color_text = "000000";
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>			
			</div>			
			<div align="center" style="position:relative; width:728px; height:86px; background-color: #ffffcc;">
			<b>Controllo Blocco o Filtro Ad ...<br>Il Browser</b> in uso o un <b>Ad-Blocker</b> sta bloccando la visualizzazione di <b>Pubblicità</b> su questo sito.<br>
			<b>Dovete sapere che questo sito sopravvive grazie alla Pubblicità.</b><br>Per favore Disabilitate il Blocco o il Filtro per rendere visibile la Pubblicità.
			</div>			
			<noscript><table cellpadding="0" cellspacing="0"><tr><td valign="top" align="center" style="position: relative; width:728px; height:88px; background-color:#ffffcc;">
			<b>Controllo Javascript ...</b><br>Il Browser in uso ha <b>Javascript Disattivato!</b><br>Senza Javascript questo sito non funzionerà correttamente.<br>Alcune funzionalità saranno disattivate, tra cui la visualizzazione della Pubblicità.<br><b>Consigliamo di Riattivare Javascript!</b>
			</td></tr></table></noscript>
			</div>
						
			</td></tr></table>

Prova questo codice:

<table cellpadding="0" cellspacing="0">
			<tr><td valign="top" align="left" style="width:180px; height:90px;">
			
			<div align="left" style="width:180px; height:90px; position:absolute;">
			<!-- Banner - Logo -->
			</div>
			
			</td><td valign="top" align="center" style="width:728px; height:90px;">
			
			<div style="width:728px; height:90px; text-align:center;">			
			<div align="center" style="position:absolute; width:728px; height:90px; z-index:3; ">
			<script type="text/javascript">
//<![CDATA[
google_color_border = "0065b7";
google_color_bg = "FFFFFF";
google_color_link = "0065b7";
google_color_url = "008000";
google_color_text = "000000";
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>			
			</div>			
			<div align="center" style="position:relative; width:728px; height:86px; background-color: #ffffcc;">
			<b>Controllo Blocco o Filtro Ad ...<br>Il Browser</b> in uso o un <b>Ad-Blocker</b> sta bloccando la visualizzazione di <b>Pubblicità</b> su questo sito.<br>
			<b>Dovete sapere che questo sito sopravvive grazie alla Pubblicità.</b><br>Per favore Disabilitate il Blocco o il Filtro per rendere visibile la Pubblicità.
			</div>			
			<noscript><table cellpadding="0" cellspacing="0"><tr><td valign="top" align="center" style="position: relative; width:728px; height:88px; background-color:#ffffcc;">
			<b>Controllo Javascript ...</b><br>Il Browser in uso ha <b>Javascript Disattivato!</b><br>Senza Javascript questo sito non funzionerà correttamente.<br>Alcune funzionalità saranno disattivate, tra cui la visualizzazione della Pubblicità.<br><b>Consigliamo di Riattivare Javascript!</b>
			</td></tr></table></noscript>
			</div>
						
			</td></tr></table>

Uno più complicato no? xD grazie comunque

[mycarlo]

<!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" xml:lang="it-IT" lang="it-IT">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Div Sovrapposti</title>
<style type="text/css">
/* <![CDATA[ */
#center {
	margin: 0 auto;
	border: 1px solid black;
	width: 50px;
	height: 50px;
}

#div {
	position: relative;
	width: 49px;
	height: 49px;
	border: 1px solid blue;
	left: 2px;
	top: 2px;
}

/* ]]> */
</style>
</head>
<body>
<div id="center">
<div id="div">div sovrapposto</div>
</div>
</body>
</html>

Il div con id center rimano fisso al centro, mentre il div con id div, puoi muoverlo con posizioni relative al tag superiore.

Non so se cerchi di fare proprio questo...

<!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" xml:lang="it-IT" lang="it-IT">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Div Sovrapposti</title>
<style type="text/css">
/* <![CDATA[ */
#center {
	margin: 0 auto;
	border: 1px solid black;
	width: 50px;
	height: 50px;
}

#div {
	position: relative;
	width: 49px;
	height: 49px;
	border: 1px solid blue;
	left: 2px;
	top: 2px;
}

/* ]]> */
</style>
</head>
<body>
<div id="center">
<div id="div">div sovrapposto</div>
</div>
</body>
</html>

Il div con id center rimano fisso al centro, mentre il div con id div, puoi muoverlo con posizioni relative al tag superiore.

Non so se cerchi di fare proprio questo...

Già... avevo trovato la soluzione da solo :) grazie