Duda con MENU DIV siempre centrado verticalmente

Dago · #1 (**permalink**) 07/01/2011, 16:43

Gente,
Tengo una web y he dejado unos 300 px de lado izquierdo, de lo que sería su visualización en el monitor.
Ahí me gustaría poner un div (que sería un menú) que siempre se mantuviera al 50% vertical de ese espacio a pesar de que uno baje o suba con la barra. Alguno sabe COMO?!
Desde ya muchas gracias.

PrendekZ · #2 (**permalink**) 07/01/2011, 16:57

HTML:

Cita:

CSS:

Cita:

#menu{
width:400px;
height:200px;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-200px;
}

Solo tienes que modificar: Width, Height, margin-top y margin-left.

Width: Ancho del menú
Height: Alto del menú
margin-top: La mitad de height pero en valores NEGATIVOS
margin-left: La mitad de width pero en valores NEGATIVOS

Cualquier duda postea!

idukke · #3 (**permalink**) 07/01/2011, 17:03

Hola Dago,
Aquí te dejo un ejemplo de cómo podrías hacerlo, sólo tendrías que poner el ancho y alto deseado y en el margin-top poner la mitad de la altura de tu menú en negativo.

Cita:

<!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>Menú fijado verticalmente</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#menu{
position:fixed;
top:50%;
left:0px;
border:solid 1px red;
width:250px;
height:350px;
margin-top:-175px;
}
</style>
</head>
<body>
<div id="menu">
</div>
</body>
</html>

Espero que te ayude, un saludo

PrendekZ · #4 (**permalink**) 07/01/2011, 17:08

@idukke Creo aver publicado la solución, la idea no es hacer Doble post igual!

Saludos!

Dago · #5 (**permalink**) 07/01/2011, 17:23

Gracias por la pronta respuesta.
No sale como quiero, ya que al bajar con la barra queda arriba y no se vuelve acomodar al centro de la pagina.
Lo puse asi...

<body>

<div id="menu">
Aqui tu menu
</div>

<div id="contenedor"> // Acá empieza la estructura de mi sitio.

Nuevamente gracias por la preocupacion. Espero puedan ayudarme. Gracias!

Dago · #6 (**permalink**) 07/01/2011, 17:25

Acá encontré algo como lo que busco: El DIV de suscríbete al boletín.
Enlace: http://www.arquba.com.ar/monografias...aca-y-pluvial/

idukke · #7 (**permalink**) 07/01/2011, 17:42

Cita:

Iniciado por PrendekZ

@idukke Creo aver publicado la solución, la idea no es hacer Doble post igual!

Saludos!

Cuando yo empece a publicar mi respuesta no había ninguna aún.
Ademas iguales no son, el mio se centra verticalmente cómo se solicitaba.
Y la idea.... la idea es ayudar.

Un saludo

Dago · #8 (**permalink**) 07/01/2011, 18:20

Gracias idukke. No había visto tu respuesta. Me fue de gran utilidad. Nuevamente gracias a ambos por la dedicacion.