Formulario CSS con ancho y mensaje de error de validación a la derecha del formulario

Tengo un formulario html simple. Este formulario tiene un ancho específico y un margen automático, por lo que el formulario está en el medio de la pantalla.

form 
{
    margin: 0px auto;
    padding: 0;
    min-width: 600px;
    width: 650px;
}

Valido si todos los cuadros de texto están llenos. Uso asp:RequiredFieldValidator con una clase css propia

.ErrorMessage
{
    position:relative;
    left: 80px;
    width: 150px;
    font-weight: bold;
    display:inline;
}

Pero el mensaje de error no se muestra directamente del formulario debido al ancho máximo del formulario. El mensaje de error se dividirá en una segunda línea. No puedo usar la posición absoluta porque el formulario está en el medio de la pantalla.

El problema es que el formulario tiene un borde y no puedo expandir el ancho máximo. Esta es una captura de pantalla: http://suffball.de/form_error.png

¿Cómo puedo poner el mensaje de error a la derecha del formulario? Necesito una solución sin javascript.

¿Es esto posible?

¡Gracias!

preguntado el 12 de junio de 12 a las 12:06

¿Puedes publicar algún marcado de muestra? -

¿Puedes publicar el HTML generado para un formulario corto? -

lo intentaste float: right; en tu codigo css? -

esta es una captura de pantalla: sufball.de/form_error.png -

¿Cómo es posible mantener los mensajes de error a la derecha si no hay espacio a la derecha? Será bueno si muestra mensajes de error justo debajo de los campos de entrada. -

1 Respuestas

cambiar su .ErrorMessage Clase Css como a continuación:

.ErrorMessage
{
    position:relative;
    left: 80px;
    width: 150px;
    font-weight: bold;
    display:inline;
    float: right;
}

Espero que esto resuelva su problema.

Respondido el 12 de junio de 12 a las 12:06

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.