Foros del Web » Creando para Internet » CSS »

El div que muestra mi menubar cuando se muestra mueve todo para abajo

Estas en el tema de El div que muestra mi menubar cuando se muestra mueve todo para abajo en el foro de CSS en Foros del Web. Hola amigos buenos días/tardes Verán me hice este menubar con jquery y css y no contemple lo siguiente. Funcionamiento: 1.- Cuando coloco el mouse sobre ...
  #1 (permalink)  
Antiguo 05/05/2012, 12:17
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 12 años, 9 meses
Puntos: 188
El div que muestra mi menubar cuando se muestra mueve todo para abajo

Hola amigos buenos días/tardes

Verán me hice este menubar con jquery y css y no contemple lo siguiente.

Funcionamiento:

1.- Cuando coloco el mouse sobre una opción me muestra un div con el submenu
2.- Cuando se muestra este div todo el contenido debajo de la menunav se mueve para abajo.

veáse cabecera en el siguiente link:

http://www.savascavisl.parrotsrooms.com/
(la menu bar es la que pone justo debajo del logotipo myBody, en color gris y con las opciones deporte & energía, salud & bienestar, etc...)

----------------------------------------------------------
Un fragmento de código html para un una opción del menubar

Código HTML:
Ver original
  1. <div id="menu-nav-content">
  2.             <div id="menu-site-nav">
  3.                 <div class="menu-item">
  4.                     <div id="menu">
  5.                         <a href="" id="sport">Deporte & Energía</a>
  6.                        
  7.                    </div>
  8.                    
  9.                    <div id="menu-nav-sport" class="menu-nav" style="display: none">
  10.                        <div id="menu-list">
  11.                            <ul>
  12.                                <li><a href="">Aminoácidos</a></li>
  13.                                <li><a href="">Barritas y Geles</a></li>
  14.                                <li><a href="">Carbohidratos</a></li>
  15.                                <li><a href="">Creatina</a></li>
  16.                                <li><a href="">Ganadores de peso</a></li>
  17.                                <li><a href="">Proteínas</a></li>
  18.                                <li><a href="">Quema - Grasas</a></li>
  19.                                <li><a href="">Vitargo</a></li>
  20.                            </ul>
  21.                        </div>
  22.                    </div>
  23.                </div>
  24.            </div>
  25. </div>

En este caso el div que me da estos problemas es el del id="menu-nav-sport" LINEA 9

Código HTML:
Ver original
  1. <div id="menu-nav-sport" class="menu-nav" style="display: none">
  2. ....
  3. ....
  4. ....
  5. </div>

Amigos me podrían tirar una ayuda. ¿Con qué propiedad CSS puedo evitar que esto suceda?

Gracias
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.
  #2 (permalink)  
Antiguo 05/05/2012, 13:01
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 11 años, 5 meses
Puntos: 306
Respuesta: El div que muestra mi menubar cuando se muestra mueve todo para abajo

El posicionamiento del submenu debería ser absoluto, y tener un z-index superior al resto de la página.

Digo, me parece que por ahí va el tema.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 05/05/2012, 13:36
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 12 años, 9 meses
Puntos: 188
Respuesta: El div que muestra mi menubar cuando se muestra mueve todo para abajo

excelente.

Ya funciona muy bien. Muchas gracias.
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.

Etiquetas: abajo, contenido, html, menubar, muestra, mueve, todo
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 11:00.