Foros del Web » Creando para Internet » CSS »

Tamaño de input

Estas en el tema de Tamaño de input en el foro de CSS en Foros del Web. Pues tengo un formulario y kiero ponerlo con un formato "bonito". En Firefox se ve mu bien, pero en IE es un "churro"... el problema ...
  #1 (permalink)  
Antiguo 07/02/2006, 08:57
Tew
 
Fecha de Ingreso: enero-2006
Mensajes: 1.562
Antigüedad: 11 años, 11 meses
Puntos: 17
Tamaño de input

Pues tengo un formulario y kiero ponerlo con un formato "bonito".

En Firefox se ve mu bien, pero en IE es un "churro"... el problema es el tamaño de cada campo "input" ke varia de un navegador a otro... Como puedo solucionarlo?

Podeis verlo en http://thubam.mybesthost.com/cosas/form.htm (justo debajo del banner de publicidad )

EL codigo es
Cita:
<style type="text/css">
.form{
width: 800px;
border: 1px solid #6C6C6C;
}
.form input{
font-family: Verdana;
font-size: 12pt;
font-style: normal;
color: #000000;
line-height: 14pt;
text-decoration: none;
background-color: #FFFFFF;
border: 0px;
border-left: 1px solid #6C6C6C;
border-right: 1px solid #6C6C6C;
}
</style>
Cita:
<div class="form">
<input name="" type="text" size="10" maxlength="10"><input name="" type="text" size="15" maxlength="15"><input name="" type="text" size="44" maxlength="44"><input name="" type="text" size="20" maxlength="20">
</div>
  #2 (permalink)  
Antiguo 07/02/2006, 09:01
Tew
 
Fecha de Ingreso: enero-2006
Mensajes: 1.562
Antigüedad: 11 años, 11 meses
Puntos: 17
Se me olvido decirlo... Podria usar una tabla en lugar del div y dejar los campos en blanco (sin bordes), si.

Pero quisiera hacerlo asi...
  #3 (permalink)  
Antiguo 07/02/2006, 09:56
Avatar de Hereje  
Fecha de Ingreso: junio-2002
Ubicación: Córdoba, Argentina
Mensajes: 439
Antigüedad: 15 años, 6 meses
Puntos: 2
Yo los veo muy parecidos, sólo que en IE los input ocupan menos y queda el borde del form colgando al ultimo, deberias darle un ancho fijo (como al form) a los input para que ocupen exactamente 800px menos los bordes.

Saludos!
__________________
Sergio
  #4 (permalink)  
Antiguo 07/02/2006, 10:23
Tew
 
Fecha de Ingreso: enero-2006
Mensajes: 1.562
Antigüedad: 11 años, 11 meses
Puntos: 17
Cita:
Iniciado por Hereje
Yo los veo muy parecidos, sólo que en IE los input ocupan menos y queda el borde del form colgando al ultimo
A eso mismo me referia.

Cita:
Iniciado por Hereje
deberias darle un ancho fijo (como al form) a los input para que ocupen exactamente 800px menos los bordes.
Con width? Lo he intentado pero sale incluso peor en IE, y ademas se estropea en Firefox tambien...

Con una tabla si keda bien en ambos... pero me estoy "kitando" y no kiero recaer en el diseño con tablas :-p
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 18:00.