allineare al centro su asse y

[Alessandro Per]

ciao,
vorrei allineare al centro dell'asse y ed a destra dell'asse x il
<div id="container">sito</div>

per ora ho combinato

#container {
float: right;
margin: 0px auto;
width: 500px;
height: 200px;
text-align: left;
}

ma adesso mi manca l'allineamento sull'asse y.... come faccio?

[Alessandro Per]

caspita... nessuno che ha una mezza risposta?

[litaweb]

Io sono molto niubba, ma proverei con:

vertical-align: middle

[Alessandro Per]

già provato ma non funziona

#container {
vertical-align: middle
float: right;
border: solid #999;
width: 500px;
height: 200px;
text-align: right;

[Alessandro Per]

una soluzione l'ho trovata, ma non è quella ottimale in quando mi fa comincare il div da metà in poi

#contenitore {
position:absolute;
top: 50%;
width: 100%;
border: none;
}

io invece volgio che il div stesso sia al centro dello schermo....
dai dai un suggerimento!!!!!!!

[Mich_]

Originariamente inviato da litaweb
Io sono molto niubba, ma proverei con:

vertical-align: middle

Decisamente molto niubba ...
il vertical-align e` valido solo per le tabelle.

@Alessandro
Ci sono due modi per centrare in verticale:
con posizionamenti assoluti, va bene come hai fatto, ma devi aggiungere un margine negativo pari alla meta` dell'altezza (e` necessario conscere l'altezza del box inetrno)
senza posiz. assoluti: devi avere il box contenitore di dimensione definita, poi lavori con i margini automatici nel box interno.

[Alessandro Per]

chiedo venia, hai un esempio della seconda soluzione?