Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera estava procurando algum modo de alinhar verticalmente uma div!
Aqui mesmo no fórum achei um link que levava ao site http://www.jakpsatweb.cz/css/css-vertical-...r-solution.html
A questão é que eles usam 3 divs para fazer o alinhamento, o que deixa bem feio o código.
Então pensei um pouco para tentar fazer o alinhamento. Logo na primeira deu certo!
Quando procurei no fórum achei algumas que usavam position:absolute; e não davam sempre certo!
fiz assim:
index.htm
<div id="geral"><div id="central"> any text<br> any height<br> any content, for example generated from DB<br> everything is vertically centered</div></div>
estilo.css
#geral {width: 600px;height: 600px;background:black;}#central {color:black;margin-top:40%; <!-- aqui ficou 40% pois conta da borda do div pai até a borda do div filho, certo? se fosse 50% a div filho começaria na metade do div pai e assim não estaria alinhado verticalmente! -->margin-left:40%;background:white;height: 100px;}
Gostaria de saber se tem algum problema com esse código, já que faz a mesma coisa do outro que usa 3 divs e é bem mais simples! Existe algum caso em que ele não funcionaria? Se souber post sua opinião por favor!
Obrigado!
Carregando comentários...