Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

dr1nks

Vertical-align (img)

Por , em Desenvolvimento frontend

Recommended Posts

dr1nks    0

dr1nks
Postado

Salve galera...

estou precisando duma ajudinha, vejam o código abaixo:

//CSS   * { margin:0; padding:0; border:0; }   html, body { width:100%; height:100%; }   #geral {	width:100%;	height:100%;	text-align:center;	vertical-align:middle;   }//XHTML<body><div id="geral"><img src="imagem.jpg" alt="imagem"></div></body>

Bom, horizontalmente estáa alinhada perfeitamente, porém na vertical, depois de várias tentativas não consegui !!! :(

Obs: Não adianta akele esquema de top:50%, aí eu faço margin-top:-metade da altura da imagem, pois eu não sei o tamanho da imagem, vai variar... entao precisava de algo mais relativo/dinâmico.

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandro Vieira Pinho    0

Leandro Vieira Pinho
Postado

Salve galera...estou precisando duma ajudinha, vejam o código abaixo:

//CSS   * { margin:0; padding:0; border:0; }   html, body { width:100%; height:100%; }   #geral {	width:100%;	height:100%;	text-align:center;	vertical-align:middle;   }//XHTML<body><div id="geral"><img src="imagem.jpg" alt="imagem"></div></body>
Bom, horizontalmente estáa alinhada perfeitamente, porém na vertical, depois de várias tentativas não consegui !!! :( Obs: Não adianta akele esquema de top:50%, aí eu faço margin-top:-metade da altura da imagem, pois eu não sei o tamanho da imagem, vai variar... entao precisava de algo mais relativo/dinâmico.[]'s
Eu sempre faço assim, e funciona:#div_x {width: 50px;line-height: 50px;}<div id="div-x">blabla </div>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito