Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/05/2012, 12:17
iovan
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 16 años, 8 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 +.