Foros del Web » Creando para Internet » CSS »

Anchura desigual de textbox y combobox

Estas en el tema de Anchura desigual de textbox y combobox en el foro de CSS en Foros del Web. Muy buenas: Estoy preparando un formulario en mi web. En él, hay cajas de texto (input) y comboboxes (select). El problema es que al aplicarles ...
  #1 (permalink)  
Antiguo 27/04/2010, 06:24
Avatar de linternazo  
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 7 años, 7 meses
Puntos: 0
Anchura desigual de textbox y combobox

Muy buenas:

Estoy preparando un formulario en mi web. En él, hay cajas de texto (input) y comboboxes (select). El problema es que al aplicarles el mismo estilo (300 px) no tienen el mismo tamaño.



El código

<input type="text" id="autor" name="autor" value="" class="largo" /><br />
<select name="idioma" id="idioma" class="largo" >
<option value="1">Opcion1</option>
<option value="9">Opcion2</option>
</select>



El CSS

.largo
{ width: 300px; }


Por qué no respeta los 300 pixeles para los 2 elementos?

Muchas gracias de antemano.

Última edición por linternazo; 27/04/2010 a las 07:19
  #2 (permalink)  
Antiguo 29/04/2010, 07:37
Avatar de ipraetoriux  
Fecha de Ingreso: abril-2010
Ubicación: ipraetoriux.com
Mensajes: 1.125
Antigüedad: 7 años, 7 meses
Puntos: 154
Respuesta: Anchura desigual de textbox y combobox

Si bueno, en teoria deberia respetarlos pero nunca lo hace, yo generalmente le calculo a ojo...jejeje..igualmente verifica en todos los navegadores como esta...
saludos
  #3 (permalink)  
Antiguo 29/04/2010, 09:28
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Anchura desigual de textbox y combobox

esto es por falta de un reset css ya que por defecto el input tiene cierto padding + border... y esto hace parecer diferentes tamaños por que se suman esas propiedades al width
Código CSS:
Ver original
  1. *{margin:0; padding:0;}
leete esto modelo de cajas

Etiquetas: combobox, textbox
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 10:59.