(Resolvido) Imagem centralizada na vertical

[Vinícius Franke]

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

[_Vinny_]

Dá uma lida:

http://www.maujor.com/tutorial/centrar-vertical.php

http://maujor.com/tutorial/alinhar-imagens...tical-align.php

[Vinícius Franke]

Dá uma lida:

http://www.maujor.com/tutorial/centrar-vertical.php

http://maujor.com/tutorial/alinhar-imagens...tical-align.php

Eu 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="topo">
     <img id="logo" src="../imagens/logo.png">
      dasdasdasd 
</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 =/

[_Vinny_]

Para a imagem, utilize também o line-height.

[Vinícius Franke]

Para a imagem, utilize também o line-height.

não funcionou Vinny =/

coloquei line-height: 130px, mas não mudou nada!

[_Vinny_]

Vinícius Franke, pode dar trabalho, mas fazendo esse tutorial:

http://www.maujor.com/tutorial/centrar-vertical.php

Você consegue um resultado satisfatório.

[Vinícius Franke]

Vinícius Franke, pode dar trabalho, mas fazendo esse tutorial:

http://www.maujor.com/tutorial/centrar-vertical.php

Você consegue um resultado satisfatório.

achei um material interessante também, vou compartilhar, pois vi que tem várias pessoas enfrentando situações parecidas:

Centralizar na vertical com CSS

Editado Março 21, 2011 por Vinícius Franke

[_Vinny_]

Obrigado por compartilhar esse conteúdo.