Foros del Web » Creando para Internet » CSS »

Duda con MENU DIV siempre centrado verticalmente

Estas en el tema de Duda con MENU DIV siempre centrado verticalmente en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/01/2011, 16:43
 
Fecha de Ingreso: mayo-2003
Mensajes: 312
Antigüedad: 14 años, 6 meses
Puntos: 2
Duda con MENU DIV siempre centrado verticalmente

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.
  #2 (permalink)  
Antiguo 07/01/2011, 16:57
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Duda con MENU DIV siempre centrado verticalmente

HTML:

Cita:
<div id"menu">
Aqui tu menu
</div>
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!
  #3 (permalink)  
Antiguo 07/01/2011, 17:03
Avatar de idukke  
Fecha de Ingreso: junio-2009
Mensajes: 33
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: Duda con MENU DIV siempre centrado verticalmente

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
  #4 (permalink)  
Antiguo 07/01/2011, 17:08
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Duda con MENU DIV siempre centrado verticalmente

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

Saludos!
  #5 (permalink)  
Antiguo 07/01/2011, 17:23
 
Fecha de Ingreso: mayo-2003
Mensajes: 312
Antigüedad: 14 años, 6 meses
Puntos: 2
Respuesta: Duda con MENU DIV siempre centrado verticalmente

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!
  #6 (permalink)  
Antiguo 07/01/2011, 17:25
 
Fecha de Ingreso: mayo-2003
Mensajes: 312
Antigüedad: 14 años, 6 meses
Puntos: 2
Respuesta: Duda con MENU DIV siempre centrado verticalmente

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/
  #7 (permalink)  
Antiguo 07/01/2011, 17:42
Avatar de idukke  
Fecha de Ingreso: junio-2009
Mensajes: 33
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: Duda con MENU DIV siempre centrado verticalmente

Cita:
Iniciado por PrendekZ Ver Mensaje
@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
  #8 (permalink)  
Antiguo 07/01/2011, 18:20
 
Fecha de Ingreso: mayo-2003
Mensajes: 312
Antigüedad: 14 años, 6 meses
Puntos: 2
Respuesta: Duda con MENU DIV siempre centrado verticalmente

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

Etiquetas: siempre, centrar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:06.