Hi all,
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.
Can anyone tell me what CSS I need to stop the main body content being pushed when the menu expands?
Thanks
A:
Use possition: absolute to throw the element (sub menu container) out of the document flow.
Crozin
2010-03-13 15:18:34
Hi, thanks for taking the time to reply.
Melt
2010-03-13 16:01:26
A:
Ahh now I see.
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.
Pekka
2010-03-13 15:18:44
Hi thanks for the reply, I still seem to be having a few problems. I've added position:absolute; to the submenu container, it still seems to push the main body and then teh body pops back up? Also how would I get the sub-menu container to appeatr over any other images on the page?View problem herehttp://bit.ly/bAcS56RegardsMelt
Melt
2010-03-13 16:00:57
@Melt the first I don't know, there must be some other element that gets resized by your script - can't really say which one. The keyword for the second is the `z-index` property. http://www.w3schools.com/Css/pr_pos_z-index.asp
Pekka
2010-03-13 16:03:22