Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: piterpalomitas en 13 Marzo 2012, 13:29 pm



Título: Situar capa en el centro de otra capa que la contiene
Publicado por: piterpalomitas en 13 Marzo 2012, 13:29 pm
Hola, como dice el título tengo un problemita situando una capa en el medio
Pongo el código que tengo:

Código
  1. #splatter {
  2. position:absolute;
  3. top:0px;
  4. right:0px;
  5. width:400px;
  6. height: 177px;
  7. background:  url(../images/splatter2_grey.png) ;
  8. }
  9.  
  10. #logincontainer{
  11. position: absolute;
  12. right:50%;
  13. /*no puedo poner un margen negativo concreto, porque el ancho de esta caoa depende del contenido*/
  14.  
  15. }
  16.  

Gracias  ;D


Título: Re: Situar capa en el centro de otra capa que la contiene
Publicado por: Hadess_inf en 13 Marzo 2012, 14:21 pm
La capa contenedora debe tener el position como relative.

               ... creo ....


Título: Re: Situar capa en el centro de otra capa que la contiene
Publicado por: piterpalomitas en 13 Marzo 2012, 22:11 pm
Gracias por responder, pero no funciona...
Alguna otra idea?


Título: Re: Situar capa en el centro de otra capa que la contiene
Publicado por: #!drvy en 13 Marzo 2012, 23:36 pm
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
  1. #splatter {
  2. position:absolute;
  3. top:0px;
  4. right:0px;
  5. width:400px;
  6. height: 177px;
  7. background:  url(../images/splatter2_grey.png) ;
  8.        text-align:center;
  9. }
  10.  
  11. #logincontainer{
  12. display:inline;
  13.        text-align:left;
  14. }

Código
  1. <div id="splatter">
  2. <div id="logincontainer">Esto es un texdsadasdasdasdatooooooo</div>
  3. </div>


Resultado:
(http://i.elhacker.net/i?i=zOFJNbBK2JTWQQjPZNU4qmVo) (http://i.elhacker.net/d?i=zOFJNbBK2JTWQQjPZNU4qmVo)

Saludos


Título: Re: Situar capa en el centro de otra capa que la contiene
Publicado por: Hadess_inf en 14 Marzo 2012, 00:27 am
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.