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

Textfield desalinhado no IE8


Del Palmis

Pergunta

Estou desenvolvendo um projeto para um site. Só que estou dando algum vacilo no formulario de Login.

Usei 1 background no textfield porem usei propriedades css para especificar o Width e o Height do mesmo.]

ai esta a class

.login_bg{
    background-image:url(../images/campo_user_text.png);
    background-position:center;
    background-repeat:no-repeat;
     border:none;
    width:306px;
    height:36px;
    font-family:"Segoe UI";
    font-size:14px;
    text-align:left;
}

Na firefox está perfeito porém na Internet Explorer o texto dentro do texfield esta ficando alinhado no topo do texfield ao invés de no meio como no firefox.

Como se estivesse uma propriedade valign="top" sendo que isso não existe. Como conserto isso?

Imagens para Melhor entendimento.

Firefox:

44157032.jpg

Internet Explorer:

ie8t.jpg

Editado por Del Palmis
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Tente alterar a propriedade line-height no css somente para o browser que está dando problema... se for somente no IE8 você pode adicionar a meta tag para o IE8 emular o IE7 e não se preocupar mais com ele:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Link para o comentário
Compartilhar em outros sites

  • 0

Como disse o Stoma, use line-height para definir o alinhamento do campo, mas apenas para IE. Caso fizer isso, crie um arquivo separado par IE e coloque as propriedades que serão executadas apenas no IE e entre no <head> </head>, coloque:

<!--[if IE ]>
    <link href="css_ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Coloque o caminho para o arquivo CSS exclusivo para IE.

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
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...