StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PODrop Down Division
text
Body
copied!<p>I'm trying to get a division, that when clicked, reveals itself and drops down below the menu, however, I can't get it to drop down the way that I need it to. This is the first time I've really toyed around with something like this, so I'm not sure what needs to be done.</p> <p>With the help of a few stack users, I've gotten the div to drop down and reveal itself just like I want, but the problem is that I have it set to an absolute position and instead of pushing the content below it down to make room for it, it just appears over whatever is below the menu. (see screenshots)</p> <p>This is the menu hidden:</p> <p><img src="https://i.stack.imgur.com/ElZAG.jpg" alt="menu up"></p> <p>This is the menu revealed:</p> <p><img src="https://i.stack.imgur.com/CvlYs.jpg" alt="enter image description here"></p> <p>Another problem I'm running into and I'm not 100% sure of a workaround is that I'm using a grid system, and the header division has 3 columns reserved for the logo (blur on the top left) and 9 columns reserved for the navigation menu. The reason this is a problem is because the "menucontent" division - the one that's revealed - is in a list that's under the navigation division (9 columns). I'm not sure if it's possible, but I'm hoping to get it to span the full 12 columns (978px) underneath.</p> <p>I know this is probably hard to follow, so I'll post my css/html in a pastebin below.</p> <p>-removed-</p> <p>This should be everything. I tried to cut down my CSS to the divisions that were being used in the header. Thanks in advance for the help, Brian.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload