2010-03-13 20 views
10

Estoy tratando de implementar un menú CSS y estoy teniendo un problema con el menú empujando los otros contenidos/divs hacia abajo cuando el menú se expande.CSS: detener el contenido empujando div

http://www.confetti.ie/index2.aspx

¿Puede alguien decirme lo que necesito CSS para detener el contenido del cuerpo principal de ser empujado cuando el menú se expande?

+0

no sé a qué se refiere. ¿Puedes describirlo con más detalle? –

Respuesta

15

La palabra clave es la propiedad CSS position: absolute. Hace que los elementos "floten" sobre el otro contenido. Los elementos de menú posicionados de forma absoluta no impulsarán el contenido de la página.

+0

Hola, gracias por la respuesta, todavía parece tener algunos problemas. He agregado la posición: absoluta; al contenedor del submenú, todavía parece empujar el cuerpo principal y luego el cuerpo aparece de nuevo? Además, ¿cómo conseguiría que el contenedor del submenú aparezca sobre cualquier otra imagen en la página? Ver problema aquí http://bit.ly/bAcS56 Saludos Melt – Melt

+0

@Melt el primero no sé, tiene que haber algún otro elemento que consigue cambiar el tamaño de su escritura - realmente no se puede decir qué uno. La palabra clave para el segundo es la propiedad 'z-index'. http://www.w3schools.com/Css/pr_pos_z-index.asp –

5

Utilice position: absolute; para arrojar el elemento (contenedor de menú secundario) fuera del flujo de documentos.

3

Uso position: absolute para la persona que quiere ser una y position : relative para el uno no quiere moverse