Ver Mensaje Individual
  #2 (permalink)  
Antiguo 16/09/2010, 16:02
Avatar de matius
matius
 
Fecha de Ingreso: julio-2005
Ubicación: Mexico, D.F.
Mensajes: 554
Antigüedad: 18 años, 9 meses
Puntos: 2
Busqueda Respuesta: Div de top a bottom

Aqui ta'

Solo necesitas definir el height en porcentajes en html y body

Código HTML:
<html>
<head>
<style type="text/css">

.top{

    background-image:url(top.png);

    height:271px;

    width:651px;

    z-index:999999;

    position:absolute;

    top:0px;
	

}

 

.bottom{
	background-image:url(bottom.png);
	background-position:bottom;
	width:651px;
	height:311px;
	margin-bottom:0px;
	position:absolute;
	bottom:0px;
	z-index:1;
	
}


.center{ 

    width:651px;height:100%;
    margin: 0 auto; background:url(fondo2.png) center repeat-y;
    }

 html,body {
                 height:100%;

    }


</style>

</head>

<body>

<div class="center">
     <div class="top"></div>
     <div class="bottom"></div>
</div>

</body>
</html> 
Por cierto el z-index no se maneja en pixeles, al menos hasta donde yo sabía.