Hola, como dice el título tengo un problemita situando una capa en el medio
Pongo el código que tengo:
#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 ;D
La capa contenedora debe tener el position como relative.
... creo ....
Gracias por responder, pero no funciona...
Alguna otra idea?
Es necesario que el #logincontainer sea absoluto ?
Porque si no es muy facil con text-align.
Te dejo como lo haría yo
#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;
}
<div id="splatter">
<div id="logincontainer">Esto es un texdsadasdasdasdatooooooo</div>
</div>
Resultado:
(http://i.elhacker.net/i?i=zOFJNbBK2JTWQQjPZNU4qmVo) (http://i.elhacker.net/d?i=zOFJNbBK2JTWQQjPZNU4qmVo)
Saludos
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.