Funcionar em navegadores diferentes

[RafaCordL 0]

Galera, minha dúvida é como fazer funcionar perfeitamente no mozilla e no chrome, sendo que cada um tem que ser um tamanho, exemplo...

 

Mozilla - width: 147px;

Chrome: width: 144px;

 

Obrigada!!!

[William Bruno 1501]

Funcionar o que ?

[RafaCordL 0]

É, ficou sem sentido.

Para o tamanho do campo text ficar certo, os navegadores pedem tamanhos diferentes.

Mozilla - width: 147px;

Chrome: width: 144px;

Como faço isso para o mesmo campo.

[itlpps 109]

Exemplo:

div {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   border-radius: 10px;
}

Cada navegador tem um prefixo, por assim dizer;

 

Segue na ordem:

Google Chrome

Mozila

Internet Explorer

Opera

Global

[RafaCordL 0]

Ou seja, no meu caso teria que mudar o border-radius para a propriedade que eu preciso?

[William Bruno 1501]

Não, não.. vamos com calma.

 

Vc usa algum css reset ? zere margins, paddings e borda desse input.

O ideal é vc trabalhar com os mesmos valores para qq navegador, se não, vc irá criar uma quimera de 3 cabeças cuspidoras de fogo, caso comece a diferenciar assim.

[RafaCordL 0]

Uso sim, está tudo zerado! ;)

Explicando melhor... cada div tem vários inputs, e claro que não cabem todos na mesma linha, então eu coloco tamanhos para que terminem sempre alinhadinhos (claro que depende do label, não vou por um campo UF com 150px). Dai pra ficar alinhado, alguns campos (poucos), estão me dando esse problema, do mozilla e chrome, diferenciar. --'

 

"você irá criar uma quimera de 3 cabeças cuspidoras de fogo" < :D :D :D :D :D

[William Bruno 1501]

Poste um link para analisarmos o conjunto inteiro.

[itlpps 109]

Use esse link para colocar seu css e html, para podermos ver como está ^^

 

http://jsfiddle.net/