Come adattare un Container in Verticale al Browser?

[Dave Zed]

Buongiorno il mio dubbio è il seguente: per fare in mondo che un container si adatti in VERTICALE alla finestra di un browser e quindi alle risoluzioni differenti dei vari monitor, cosa debbo fare?

Mi spiego meglio: so che dando:

body html {
width:100%;
height:100%
}

e poi dando

#container {
width:100%;

}

il container si adatta in ORIZZONTALE al browser.

Il problema è che non riesco ad ottenere la stessa cosa anche in VERTICALE,
cioè dando al #container anche height:100%; non succede nulla...

E' possibile ottenere questa cosa in CSS, oppure devo usare qualche Java Script?

[echoweb]

Allineato verticalmente al centro

<div style="height:100px;position:absolute;top:50%;margin-top:-50px;">
qui il tuo contenuto
</div>

Al centro della pagina

<div style="height:100px;position:absolute;top:50%;left:50%;margin-top:-50px;">
qui il tuo contenuto
</div>

[codencode]

Penso che quello che cerchi sia questo:

html, body { 			
height: 100%; 		
} 
		
#container { 			
width: 100%;  			
height: 100%; 					
} 
		 		
body>#container { 			
height: auto; 			
min-height: 100%; 		
}

[Felino]

Scusate l'off-topic, ma la dicitura

 body>#container

riguarda il nuovo CSS3?

Grazie.

[codencode]

Si tratta del selettore del figlio (child selector). Esiste già dai CSS2.

[Felino]

Non sapevo si potesse scrivere così!

Quindi potranno esistere 2 classi che fanno riferimento a 2 id differenri no?

Cioè:

body>#container

E

Nome_div>#container