Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Imagem centralizada na vertical


Vinícius Franke

Pergunta

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

Link para o comentário
Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

  • 0

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 =/

Link para o comentário
Compartilhar em outros sites

  • 0
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 por Vinícius Franke
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...