Problema posizionamento div centro pagina

**longdrink** · 06-03-2011, 14:10

Salve ragazzi,
capire il posizionamento dei div per me è di fondamentale importanza.
Ho letto centinaia di tutorial sui css (posizione assoluta, relativa ecc.)ma purtroppo se sono arrivato a chiedere aiuto è perchè non ci ho capito molto.
Il discorso è questo: vorrei posizionare (come nell'immagine che ho postato) 2 div e i loro contenuti al centro della pagina, ma in modo che al ridimensionamento della pagina rimangano sempre al centro della pagina.

Il codice è quello sotto, cosa posso cambiare?

codice:

<html>
<head>
<style type="text/css">
#Div1{position:absolute;z-index:1;width: 1268px;}
#Div2{ position:absolute; width:1268px; top:136px; z-index:2;}
</style>
</head>
<body>
<div id="Div1" >[img]Header.png[/img]</div>
 <div id="Div2" >
Chi siamo&ensp; &ensp;Rassegna stampa&ensp; &ensp;Video&ensp;&ensp;E-mail 
</div>
</body>
</html>

**damy11** · 06-03-2011, 15:40

Metti questo ad entrambi:

{margin: 0 auto 0 auto;}

**longdrink** · 06-03-2011, 21:44

Ti ringrazio... ho tolto position: absolute e aggiunto il tag e ora funziona. C'è solo un problema adesso: i due div non si sovrappongono più. Io vorrei sovrapporre il div2 dell'immagine al div1. Gentilissimo comunque . Grazie

**longdrink** · 07-03-2011, 14:26

Originariamente inviato da longdrink
Ti ringrazio... ho tolto position: absolute e aggiunto il tag e ora funziona. C'è solo un problema adesso: i due div non si sovrappongono più. Io vorrei sovrapporre il div2 dell'immagine al div1. Gentilissimo comunque . Grazie

Ho risolto, il problema era che nella position relative mettevo in top i px in positivo, sono quindi riuscito a sovrapporre i div usando il segno -n.px.
Grazie comunque.

Discussione: Problema posizionamento div centro pagina

Strumenti discussione

Ricerca discussione

Visualizza

Problema posizionamento div centro pagina

Permessi di invio