posizionare un div

**clone_xf2** · 11-05-2011, 15:16

salve volevo sapere come si fa a posizionare un div al centro dello schermo senza centrare anche tutto il suo contenuto all'interno( per esempio altri div )

e inoltre dopo aver posizionato il div al centro del monitor come posizionare altri div al suo interno con i pixel ma non partendo dal bordo del monitor ma dal bordo del div centrato

per esempio se se ho un div al centro del monitor e un altro div dentro di questo, (il div dentro lo chiamiamo div-x per comodita) se faccio <div style="margin-left-100px"> il div si distanzia dal bordo del monitor di 100 pixel. voglio fare la stessa cosa ma anzicche distanziarsi dal bordo del monitor si distanzi dal bordo del div centrale che lo contiene

come posso fare???????????? considerate che il div-x e " position absolute" per stare dentro a quello piu grande

**0-c00l** · 11-05-2011, 15:28

devi mettere margin: auto; al div che vuoi centrato, per gli altri div basta che li metti al suo interno e il bordo partirà da quello del div contenitore.. Esempio:

codice:

<style type="text/css">
#content {
width: 800px;
margin: auto;
border: 2px solid green;
background: lightblue;
}

#div1 {
margin-left: 20px;
height: 400px;
width: 200px;
}
</style>
</head>
<body>
<div id="content"><div id="div1">testo</div></div>

**clone_xf2** · 11-05-2011, 18:26

non e possibile fare tutti in un div style anzivhe fare div id e dopo modificarlo coi css??

tipo <div style ="width: 345px;height:677px;margin:20px auto;">
ecc? come si fa?

Discussione: posizionare un div

Strumenti discussione

Ricerca discussione

Visualizza

posizionare un div

Permessi di invio