Div al 100% de altura - height 100%

hanscruz · #1 (**permalink**) 05/04/2007, 11:33

Lo que pasa es que quiero centrar el contenido de mi web sin importar la resolucion que tenga el visitante para eso utilizo un div llamado centrador asi:

Código PHP:

  #centrador 
{ 
withd: 100%; 
height:100%; 
text-align: center; 
}

Bien me centra el ancho pero el alto no.
Tambien intente utilizar

Código PHP:

  vertical-align: midle;

Pero tampoco me funciona, aqui les dejo una imagen de como deseo que se vea:

PD: No deseo que ce entre con el margin del contenido sino deseo que el alto salga al 100% y se centre segun ese dato.

B** · #2 (**permalink**) 05/04/2007, 18:28

Algo asi te sirve:

Código HTML:

<style type='text/css'>
#ce{
position:absolute;
left:47%;
top:47%;
text-align:center;
}

</style>
<body>
<div id='ce'>
	ddklkdld
</div>
</body>

hanscruz · #3 (**permalink**) 07/04/2007, 16:08

Gracias
Podrias un poco explicar como funciona por favor, ya que eso de la posicion absoluta no la entiendo bien.

B** · #4 (**permalink**) 07/04/2007, 22:35

Las posiciones absolutas como su nombre lo dice se posicionaran de forma 'absoluta'(valga la redundancia), a la posicion absolute no le importa si existe contenido en esa posicion.. siempre se superpone.
La forma de posicionar es con left, top, right,bottom.