Cita:
Iniciado por berkeleyPunk 
Hola a todo mundo!
Hace tiempo que no venía, y me da mucho gusto estar aquí
.
Bueno, al grano. Últimamente estoy maquetando mucho y siempre me topo con el mismo problema al intentar aplicar los mismos estilos a los controles de un formulario.
Digamos que tengo un
input, un
select y un
textarea, y a los tres les asigno los mismos estilos:
Código CSS:
Ver originalinput,
select,
textarea {
display: block;
width: 100%;
height: 20px;
padding: 10px;
border: 1px solid #ccc;
}
El resultado es
esta cosa horrible.
Por un lado el select no reconoce el padding, y por otro, el input y textarea tienen un ancho mayor a su contenedor.
¿Cómo lidian ustedes, señores, con esto?
Uno puede utilizar un
width: 200px; y con eso se soluciona la cosa del ancho. ¿Pero si queremos porcentajes?
Saludos! 
Hola!
Creo que el problema te viene por ponerle
De ahí está ocupandote el 100% y luego le estas "añadiendo" 10px por la izquierda y 10px por la derecha...
A mí me resulta muy útil en esos casos jugar con los porcentajes, normalmente suelo poner algo tal que así:
Código CSS:
Ver originalwidth:96%;
padding:2%; /*haria el 100% del input al sumar el 2% en la izq + el 2% en la derecha [2+96+2=100%]*/
Ya nos dices si te funciona