Question

I’m trying to create a simple jquery slidedown menu, but it’s pushing the page down, and I don’t really want that. I can’t use absolute positioning.

Here is a jsfiddle of what I have right now.

Any help or suggestions would be greatly appreciated!

Answer 1

Put the navbar in a container with fixed height. This prevents the content from moving.

<div class="navbar_container">
    <ul class="navbar">    
...
    </ul>
</div>

.navbar_container {
    height: 60px;
}

Example jsfiddle

If you want the menu to go over the content you’ll have to use absolute positioning though.