I'm trying to implement a CSS menu and am having a problem with the menu pushing the other content/divs down when the menu expands.
http://www.confetti.ie/index2.aspx
Can anyone tell me what CSS I need to stop the main body content being pushed when the menu expands?
The keyword is the CSS property position: absolute . It makes elements "float" over the other content. Absolutely positioned menu elements won't push the page content.
Use the CSS z-index property. Elements with a greater z-index value are positioned in front of elements with smaller z-index values. Note that for this to work, you also need to set a position style ( position:absolute , position:relative , or position:fixed ) on both/all of the elements you want to order.
The keyword is the CSS property position: absolute
. It makes elements "float" over the other content. Absolutely positioned menu elements won't push the page content.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With