Inputs type text e textareas no Firefox e IE

[prog_web 0]

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?

[Giovani 104]

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

[prog_web 0]

gio!, tirei estes screenshots. No Firefox:

 

http://img250.imageshack.us/my.php?image=ffek0.jpg

 

No IE:

 

http://img419.imageshack.us/img419/3200/ieax4.th.jpg

 

Nota que no Firefox, as textareas tem um tamanho maior... E o código utilizado é o mesmo. Sabe porque?

[Giovani 104]

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

 

.tamanho-medio{ width: 130px;}

Depois chame essa classe no input.

 

[]´s

[prog_web 0]

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.

[Giovani 104]

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

[prog_web 0]

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?

[Giovani 104]

Agora sim!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Olha...eu já tive esse tipo de problema.....mas como não alterava muita coisa, não pesquisei algo sobre isso.

Quem sabe seja algumas das diferenças entre os navegadores.

 

[]´s

[prog_web 0]

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!

[Giovani 104]

Se achar alguma coisa não esqueça de postar!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[micox 2]

Hoje já deu página não encontrada.Tava afim de ajudar. heheh

[Jonathan Alencar 0]

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!