capa flotante

Verys · #1 (**permalink**) 21/05/2009, 12:22

hola, tengo una duda, tengo una capa principal llamada contenedor que esta centrada horizontalmente en la pagina, por otro lado tengo el menu que esta fijo junto a la capa principal como se ve en la imagen

htt://i39.tinypic.com/52xahy.jpg

ahora si viene la pregunta tengo una pagina la de "nosotros" que es muy pequeña 400 x 400px y va a estar centrada en la pagina tanto vertical como horizontal, que codigo debo usar para que la capa del menu quede junto a capa principal?

espero que me entiendan

Saludos =)

kseso? · #2 (**permalink**) 21/05/2009, 13:17

Cita:

Iniciado por Verys

ahora si viene la pregunta tengo una pagina la de "nosotros" que es muy pequeña 400 x 400px y va a estar centrada en la pagina tanto vertical como horizontal, que codigo debo usar para que la capa del menu quede junto a capa principal?

junto a la capa y a su izquierda (como en la imagen)

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>Centrado hor/vert y  a su lado</title>
<style type="text/css">
html, body {
background-color: #AAFF28;
}
#contenedor {
background-color: #cdcdcd;
width: 400px;
height: 400px;
position: absolute;
top: 50%;
left:50%;
margin-left: -200px;
margin-top:-200px;
}
#menu {
background-color: #444;
position:absolute;
width: 50px; 
height:250px;
left: -50px; 
}
</style>
</head>
<body>
<div id="contenedor">
<div id="menu">
</div>
</div>
</body>
</html>

Muy importante que observes la relación entre los valores de "top/left" y la "anchura/altura"
Un saludo

Verys · #3 (**permalink**) 22/05/2009, 14:10

muchas gracias kseso?

Saludos =)

kseso? · #4 (**permalink**) 22/05/2009, 14:43

Cuánta efusividad, pero no es para tanto.

Me alegra saber que te fue de utilidad.