Textfield desalinhado no IE8

Del Palmis · Outubro 29, 2010

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:

Internet Explorer:

Editado Outubro 29, 2010 por Del Palmis

Stoma · Outubro 30, 2010

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

_Vinny_ · Outubro 30, 2010

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.

Del Palmis · Outubro 31, 2010

Era isso Mesmo vinny e Stoma. O line-height não estava configurado.

Adicionei as linhas abaixo e resolveu obrigado pessoal ^^

padding: 0;
line-height: 36px;

Editado Outubro 31, 2010 por Del Palmis

Entrar

Textfield desalinhado no IE8

Pergunta

Del Palmis

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

Stoma

Link para o comentário

Compartilhar em outros sites

_Vinny_

Link para o comentário

Compartilhar em outros sites

Del Palmis

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades