problemas con espacios en CSS

[fcojose2001]

Wenas Foreros! Os cuento mi problemilla. Estoy haciendo una aplicacion JEE con el framework Struts 2, basicamente este framework tiene sus propios tags, de tal manera que cuando es ejecutado por el servidor esos tags "propios" los convierte a HTML, generando automaticamente, div, span...........

El caso es que yo tengo mi pagina login tal y como se muestra en la siguiente imagen:

http://imageshack.us/photo/my-images/825/logini.jpg/

Cuando los datos son mal introducen saltan las propias validaciones del framework, mostrandose de la siguiente manera:

http://imageshack.us/photo/my-images...idaciones.jpg/

Como se puede observar, al insertarse estas validaciones, el formulario se desplaza hacia abajo, descolocando el resto de texto de la pagina. Tras consultar el codigo fuente en el navegador (con y sin mensaje de validacion) ( para ver como genera el framework el html) me encuentro con esta diferencia:

Código PHP:

  
<div id="wwerr_login" class="wwerr">    <div     errorFor="login"    class="errorMessage"> 
             Debe ingresar su nombre
</div></div> 
   

y para el otro campo:

Código PHP:

  <div id="wwerr_login_password" class="wwerr">    <div     errorFor="login_password"    class="errorMessage"> 
             Debe ingresar su contraseña
</div></div> 
   

Por lo tanto y modificando esas clases;

Código PHP:

  #wwerr_login .errorMessage{

    font-size: 12px;
    color: #FF0000;
    margin-left: 120px;
    position:relative;
    left: 270px;
    top: 30px;
} 
   

Código PHP:

  #wwerr_login_password .errorMessage{
    
    font-size: 12px;
    color: #FF0000;
    margin-left: 120px;
    position:relative;
    left: 270px;
    top: 35px;
        
    } 
   

De esta manera consigo que los mensajes de texto de las validaciones se muestren donde yo quiero, la siguiente imagen muestra la situacion:

http://imageshack.us/photo/my-images...lidacion2.jpg/

Sin embargo, aunque el texto de la validación lo he movido de sitio, el hueco sigue quedando entre los campos del formulario, desplazando mi boton submit y el texto de pie de la imagen central.

Como puedo eliminar esos espacios???

[rege]

Pon el error con position absolute, y ajustas la posición con el margin-left y margin-top, para que se coloque donde quieres.

[Eiwazh]

margin-left: 120px;
position:relative;
left: 270px

Creo que el error esta aquí, estas añadiendo 120px de margen y desplazando el contenido otros 270px, comprueba usando como ha dicho "rege" usar position absolute, o corrige jugando entre el margen y la posición.