Situar capa en el centro de otra capa que la contiene

[piterpalomitas]

Hola, como dice el título tengo un problemita situando una capa en el medio
Pongo el código que tengo:

Código (css) [Seleccionar] Expandir

#splatter {
position:absolute;
top:0px;
right:0px;
width:400px;
height: 177px;
background:  url(../images/splatter2_grey.png) ;
}

#logincontainer{
position: absolute;
right:50%;
/*no puedo poner un margen negativo concreto, porque el ancho de esta caoa depende del contenido*/

}


Gracias 

[Hadess_inf]

La capa contenedora debe tener el position como relative.

               ... creo ....

[piterpalomitas]

Gracias por responder, pero no funciona...
Alguna otra idea?

[#!drvy]

Es necesario que el #logincontainer sea absoluto ?
Porque si no es muy facil con text-align.

Te dejo como lo haría yo

Código (css) [Seleccionar] Expandir

#splatter {
position:absolute;
top:0px;
right:0px;
width:400px;
height: 177px;
background:  url(../images/splatter2_grey.png) ;
        text-align:center;
}

#logincontainer{
display:inline;
        text-align:left;
}

Código (html4strict) [Seleccionar] Expandir

<div id="splatter">
<div id="logincontainer">Esto es un texdsadasdasdasdatooooooo</div>
</div>


Resultado:


Saludos

[Hadess_inf]

Bueno hace un tiempo que no veo lo que es web, pero creo que la capa contenedora debe ser relativa y la capa contenida absolute.

Otra cosa que podrias intentar es meter una tabla en el div y centrar el texto desde la celda.