Foros del Web » Creando para Internet » HTML »

ancho de input submit en explorer

Estas en el tema de ancho de input submit en explorer en el foro de HTML en Foros del Web. Hola a todos: Estoy teniendo que pelearme con varios botones hechos mediante input (type="submit"), el problema es que iexplorer les da unos anchos un poco ...
  #1 (permalink)  
Antiguo 06/11/2009, 06:46
 
Fecha de Ingreso: septiembre-2005
Mensajes: 65
Antigüedad: 18 años, 7 meses
Puntos: 0
ancho de input submit en explorer

Hola a todos:
Estoy teniendo que pelearme con varios botones hechos mediante input (type="submit"), el problema es que iexplorer les da unos anchos un poco raros y muy grandes. Aparentemente, lo que interpreta de forma diferente a firefox son los padding, pero aunque los controle por css, no consigo que los interpreten de igual forma.
Alguien sabe si este tipo de input tiene alguna propiedad por defecto que pueda controlar para solucionarlo?
Un saludo.
  #2 (permalink)  
Antiguo 06/11/2009, 22:16
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 17 años, 1 mes
Puntos: 67
Respuesta: ancho de input submit en explorer

A mi me parece que tu problema viene de que se están cruzando los estilos. El I.E. no coloca por defecto un ancho muy grande a los botones. Lo que si hace es el I.E. es interpretar de manera distintas el peso de las propiedades, por esa razón a veces prevalece una propiedad sobre la otra en I.E. y en otro navegador prevalece otra propiedad, así pues si le das otro valor a la propiedad no se consigue ningún cambio porque hay otro valor que está prevaleciendo. La solución? bájate el firebug y analiza los estilos a ese elemento y modificalo de tal manera que quede bien. Algo más fácil es usar la sentencia ! important para darle más peso a la propiedad, de este modo:

padding: 1px ! important;

Espero que mi participación te haya servido de algo.
  #3 (permalink)  
Antiguo 06/11/2009, 23:58
Avatar de JairLizcano  
Fecha de Ingreso: junio-2008
Ubicación: Santander, Colombia
Mensajes: 608
Antigüedad: 15 años, 10 meses
Puntos: 53
Respuesta: ancho de input submit en explorer

Recomendación, para alejarte algo de la complejidad de mantener problemas innecesarios como el que mencionas:

Código HTML:
<input type="image" name="enviar" src="ímagen.png" /> 
Recuerdo el formato que se le aplica a los botones con imagen no es tan variable al que cada navegador aplica a:

Código HTML:
<input type="submit" name="enviar" value="Enviar" /> 
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 17:11.