Home/ Questions/Q 6152841
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T19:59:23+00:00

I have a web page with a CSS dropdown navigation menu. My issue is

  • 0

I have a web page with a CSS dropdown navigation menu. My issue is that when I hover over the top of the menu to make the dropdowns appear, everything else in the page moves to make space for the dropdown instead of the dropdown moving over everything else. My navigation links are in a div element with the id “header” and my CSS for that element looks like this:

#header {
    width: 100%;
    z-index: 100;
    position: relative;
}

None of the elements in the page that are moving are inside the header and non of them have a z-index specified. Can anyone tell me what I’m doing wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to add position: absolute to the submenus that appear when you hover over a menu button.

    See here for a tutorial: http://www.htmldog.com/articles/suckerfish/dropdowns/

    Also relevant: http://css-tricks.com/791-absolute-positioning-inside-relative-positioning/

    • 0