Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

prog_web

Inputs type text e textareas no Firefox e IE

Recommended Posts

Tô tentando um problema quanto ao tamanho de de inputs type text e textareas de um FORM. No Firefox eles aparecem com um tamanho, no IE com outro. Alguém aí sabe de algum hack CSS ou algo que faça o tamanho ficar o mesmo em ambos?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se você tiver um link para mostrar o que está acontecendo, e o que você quer, fica melhor!

Compartilhar este post


Link para o post
Compartilhar em outros sites

prog_web, tente criar classes com os tamanhos que você deseja, exemplo:

 

.tamanho-medio{ width: 130px;}

Depois chame essa classe no input.

 

[]´s

Compartilhar este post


Link para o post
Compartilhar em outros sites

gio!, no meu input eu tenho:input { background: #FFFFFF; border: 1px solid #8FA1B0; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 5px; padding: 2px; vertical-align: middle;}Não entendi aonde entraria este width, já que o problema que eu estou tendo é nas textareas, que não usam width.

Compartilhar este post


Link para o post
Compartilhar em outros sites

prog_web, o título do post é: Inputs type text e textareas no Firefox e IE

 

Como disse no post anterior, você cria uma classe e define o tamanho, lá no input faça o seguinte:

 

<input class="tamanho-medio" type="text" />
Pronto, esse input terá o tamanho que você quiser.

Em relação ao textearea, defina, através da css as propriedades dele.

 

input, textarea{background: #fff;border: 1px solid #8FA1B0;color: #000;}
Recomendo a leitura desse artigo sobre formulários.

 

[]´s

Compartilhar este post


Link para o post
Compartilhar em outros sites

gio!, valeu pela ajuda cara, mas acho que não me fiz entender. Vou tentar explicar o meu problema de novo: É o seguinte, veja o screenshot abaixo que tirei pelo IE de um formulário aonde tenho um input type text e abaixo o textarea:

 

http://www.webmeta.com.br/sac/upload/ie.JPG

 

Ele esta perfeitamente alinhado. Quando abro pelo Firefox, a textarea fica mais comprida... Veja:

 

http://www.webmeta.com.br/sac/upload/ff.JPG

 

Isto que eu não estou entendendo. O CSS que eu estou utilizando foi o que eu passei aí. Sabe o porque disto?

Compartilhar este post


Link para o post
Compartilhar em outros sites

gio!, pois é cara... Eu já tinha notado isto já a algum tempo, mas não dei muita idéia. Aí hoje me deu na cabeça de pesquisar uma possível solução... Mas valeu!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olha só assim como o Giovani disse se voce estiver querendo

manter o tamanho do input o que voce deve fazer é a class

a forma mais certa de nao dar problemas..

 

No css.

 

.input {

width: 100px;

height: 22px;

border:1px solid #cor;

}

 

e no input

 

<input class="input" name="" type="text" />

 

Isso garante o tamanho fixo tanto no IE

quando no FF...

 

agora se for alinhamento esquerda direita

text-align:center;

text-align:right;

text-align:left;

 

 

bom espero ter ajudado! :P

 

qlq coisa posta ai..

 

ou add msn..!!

 

Abraço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.