Buenas, mi problema es el siguiente.
Tengo unas validaciones que hago con jquery para un formulario.
El CSS para mostrar la validacion es el siguiente
Cita: .campo{
margin:0 auto;
margin-left: 15px;
margin-bottom: 7px;
}
.errores{
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.3);
background: #F93;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
color: #fff;
display:none;
font-size: 12px;
margin-top: -30px;
margin-left: 238px;
padding: 5px;
position: absolute;
}
Cita: <input type="text" name="login" id="login" class="campo" tabindex="1" />
<div id="error1" class="errores">Ingrese Login</div>
El problema es que cuando tengo por ej, dos textbox de distinto anchos, la validacion se muestra a la misma altura y no se ajusta al ancho del textbox.
Espero me puedan ayudar con esto. Muchas gracias