Salve a tutti,ho un piccolo(grosso) problema.
Vorrei sovrappore dei div,come in figura



i div 1 e 2 dovrebbero stare sotto al wrapper e questo dovrebbe essere centrato.
Una prima tecnica funzionante è questa

codice:
#div1 { height:40px; 
width:100%; 
background-color:#333333;
 position:absolute; } 
#div2 { height:130px; 
width:100%;
 position:absolute;
 margin-top:40px; }
#wrapper { height:1000px; 
width:1325px; 
position:absolute; 
left:50%;
 margin-left:-662px; 
z-index:2; }
questo mi permette di centrare il wrapper e di sovrapporlo ai div 1 e 2.Ma purtroppo quando lo si visualizza da un dispositivo mobile ci sono grossi problemi,in quanto il sito viene "tagliato".

Ho scoperto che il problema del "taglio" viene dato da
codice:
position:absolute; left:50%; margin-left:-662px;
del wrapper.

Per cui l'altra tecnica di centramento del wrapper è questa

codice:
#wrapper { height:750px;
 width:1000px;
 margin:0 auto;
 background-color:#006600; }
cioè col margin!
Ma a questo punto gli altri 2 div non si visualizzano piu'!!!

Che tecnica o "trucco" posso usare???Suggerimenti???