Centrare livello contenitore

**piero06** · 19-09-2005, 20:57

ciao,

devo centrare un div che fa da contenitore ad altri 2 ... ho provato con :

codice:

position :absolute; top:50%; left:50%;

Ma niente ... consigli ?

**pacovox** · 19-09-2005, 23:47

position :absolute;
top:50%;
left:50%;
margin: -XX 0 0 -YY;

XX è la metà dell'altezza del contenitore, YY la metà della larghezza.

**piero06** · 20-09-2005, 13:46

Originariamente inviato da pacovox
position :absolute;
top:50%;
left:50%;
margin: -XX 0 0 -YY;

XX è la metà dell'altezza del contenitore, YY la metà della larghezza.

'Mo provo

**piero06** · 20-09-2005, 13:48

Niente ... mi va tutto sopra la pagina e vedo quindi solo un'80 di pixel del livello.

Ecco il codice :

codice:

#ce {
    border-top:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #4B4B4B;
    border-bottom:1px solid #4B4B4B;
    width:600px;
    height: 400px;
    position :absolute;
    top:50%;
    left:50%;
    margin: -600px 0 0 -400px;
    }

Come mai?

**pierofix** · 20-09-2005, 13:49

Forse non ho ben capito la situation, ma un classico centramento con i CSS?

codice:

XHTML
<body>
   <div id="contenitore">
      ...
   </div>
</body>

CSS
body { text-align:center }
#contenitore {
   text-align:left;
   margin:0 auto;
   width:80%; /* Misura che vuoi */
}

**piero06** · 20-09-2005, 14:05

Ho risolto così :

codice:

#ce {
    border-top:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    border-right:1px solid #4B4B4B;
    border-bottom:1px solid #4B4B4B;

    background-color: #eee;
    position:absolute;
    top:50%;
    left:50%;
    width:800px;
    height:500px;
    margin-left:-400px;
    margin-top: -250px;
    }

Ma ora mi viene un dubbio, se voglio che uno dei due contenitori :

codice:

___________
    |      |
 1  |  2   |
____|______|

Se voglio che il 2 che sta in #ce occupi in verticale e orizontale tutto lo spazio disponibile in #ce ?

Con height e width non va.

Discussione: Centrare livello contenitore

Strumenti discussione

Ricerca discussione

Visualizza

Centrare livello contenitore

Permessi di invio