Centrer verticalement un div

Question

thiv.net/mobile a besoin de travailler sur le mobile, et il le fait, mais quand je place mon ipod à la verticale, il change radicalement, mon problème est que j'ai besoin de tout, boîte de texte, bouton et image pour être centré verticalement, ou changer en rotation. Je pense que centrer le div verticalement est la meilleure option, alors quel css utiliserais-je?

J'ai actuellement essayé:

.center 
{ 
position:absolute 
top:40%; 
bottom:40%; 
height:20%; 
} 

Mais cela ne fonctionne pas, alors peut-être il ne doit être centré après la rotation? Des idées?

Answer 1

Essayez CSS suivant:

.center { 
width: 100px; 
height: 100px; 
position: absolute; 
top:0; 
bottom: 0; 
left: 0; 
right: 0; 
margin: auto; 
} 

vous pouvez également suivre le lien de la pile-overflow: Best way to center a <div> on a page vertically and horizontally?

Answer 2

Si vous connaissez la hauteur:

div.centered{ 
height: 100px; 
top: 50%; 
margin-top: -50px; 
} 

En option: position: absolute | relative | fixed selon ce que vous voulez atteindre

le margin-top devrait toujours 0 - la moitié de la hauteur de votre div au centre.