Imagem centralizada na vertical

[Vinícius Franke 0]

E aí pessoal, tenho outra dúvida (novamente em relação ao IE e CSS).

 

Como faço (no IE) para centralizar verticalmente uma imagem em uma div? Já tentei vertical-align=middle, já tentei line-height, mas não tem jeito do IE entender o que eu quero. Já procurei em outros lugar, mas nunca há uma resposta... não é possível que isso não exista! hehehehe

 

Alguém aí pra dar uma mão?

 

[]s

[William Bruno 1501]

hum.. está usando DOCTYPE ?

 

mostre como está tentando.

[Vinícius Franke 0]

hum.. está usando DOCTYPE ?

 

mostre como está tentando.

 

não coloquei ainda o DOCTYPE, pode ser isso?

eu estava fazendo testes antes...

 

estou fazendo assim:

 

CSS:

#topo {
background: #FFF;

/* O CSS 3 */
border-radius: 6px; /* Bordas redondas para quando o CSS3 estiver valendo */
-moz-border-radius: 6px; /* Bordas redondas para Firefox */
-webkit-border-radius: 6px;  border-radius: 6px; /* Bordas redondas para Chrome e Safari */

box-shadow: 2px 4px 4px #666666; /* Sombra para quando o CSS3 estiver valendo */
-moz-box-shadow: 2px 4px 4px #666666; /* Sombra para Firefox */
-webkit-box-shadow: 2px 4px 4px #666666; /* Sombra para Chrome e Safari */

width: 950px;
height: 130px;
margin: 0 auto;

line-height: 130px;
}

#logo {
width: 200px;
height: 102px;
vertical-align: middle; /* Centralizar verticalmente a imagem dentro da div 'topo' */
margin-left: 40px;
}

 

HTML

<div id="tudo">
		<div id="topo">
			<img id="logo" src="../imagens/logo.png">
			dasdasdasd
		</div>
		<div id="conteudo"></div>
	</div>

 

No Firefox e no Chrome está perfeito, mas no IE o que ocorre é o seguinte: a imagem fica no topo da div e o texto fica centralizado verticalmente em relação a imagem =/

[Evandro Oliveira 331]

http://forum.imasters.com.br/topic/212439-como-criar-um-topico-para-o-seu-problema/page__view__getlastpost