Foros del Web » Creando para Internet » CSS »

Formularios: Inputs que se visualizan de distinta manera en Explorer y FireFox

Estas en el tema de Formularios: Inputs que se visualizan de distinta manera en Explorer y FireFox en el foro de CSS en Foros del Web. Hola. Abro mi primer hilo en este foro para preguntar por una duda que me trae por la calle de la amargura cuando tengo que ...
  #1 (permalink)  
Antiguo 08/05/2008, 09:17
 
Fecha de Ingreso: mayo-2008
Mensajes: 1
Antigüedad: 9 años, 7 meses
Puntos: 0
Formularios: Inputs que se visualizan de distinta manera en Explorer y FireFox

Hola.

Abro mi primer hilo en este foro para preguntar por una duda que me trae por la calle de la amargura cuando tengo que maquetar formularios.

Resulta que por defecto, el IE (ese gran navegador) añade una especie de espacio o margen alrededor de los objetos relacionados con los formularios (inputs, checks, etc)
Este área invisible hace que no se visualice de la misma manera un formulario con, por ejemplo, campos de texto; ya que mientras en el Firefox se ven los citados objetos de formulario unidos, es decir, sin separación entre campo y campo, en el IE por contra estos elementos aparecen por defecto con cierta separación entre ellos.

Esto en un primer momento se podía llegar a solucionar aplicando !IMPORTANT en la hoja de estilo, de tal manera que teniendo presente ese pequeño margen añadido, se podía aplicar una u otra medida aplicada a cada navegador para cuadrar esas distancias. Sin embargo, con el IE7 esto ya no funciona.

Así que aprovechando la inestimable colaboración de Microsoft, con sus eficaces y siempre bienvenidas actualizaciones, me gustaría saber cómo solucionar ese dichoso espacio entre elemento y elemento de formulario aplicable a Firefox y Explorer en cualquiera de sus ediciones.

Gracias.
  #2 (permalink)  
Antiguo 09/05/2008, 08:00
Avatar de Raulmmmm  
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 10 años, 8 meses
Puntos: 36
Re: Formularios: Inputs que se visualizan de distinta manera en Explorer y FireFox

Puedes poner un comentario condicional (entre <head> y </head> de tu documento HTML):
Código HTML:
<!--[if IE]>
<style type="text/css">
input, textarea{ margin: 0; }
</style>
<![endif]--> 
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:22.