Printable View
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?
Prova questo codice:
:idea:Codice HTML:<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 comunqueCitazione:
Originalmente inviato da EuroSalute
Il div con id center rimano fisso al centro, mentre il div con id div, puoi muoverlo con posizioni relative al tag superiore.Codice HTML:<!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>
Non so se cerchi di fare proprio questo...
Già... avevo trovato la soluzione da solo :) grazieCitazione:
Originalmente inviato da mycarlo