Another question about DropMenu and CSS

51 Posts

sparselogic Reply #1, 20 years, 10 months ago

Please forgive me if this is a question I should have found an answer to elsewhere - how do I keep a CSS drop-down menu from pushing the rest of the page away when it expands?
You can see our current dilemma here. (and no, the graphic design isn’t finished yet...)

1,495 Posts

wendy Reply #2, 20 years, 10 months ago

Here is a tutorial that might help you step through the drop down menu.

http://www.alistapart.com/articles/horizdropdowns/

As for my suggestion, you need to make the "div#menu li ul" to have position absolute, because of that you will ned to make "div#menu li" to be relative as well, because of the absolute positioning in "div#menu li ul".

Hope that helps.

Regards,
Wendy Novianto

Wendy Novianto
[font=Verdana]PT DJAMOER Technology Media
[font=Verdana]Xituz Media

51 Posts

sparselogic Reply #3, 20 years, 10 months ago

Thanks, Wendy! We’d missed the absolute part.
It works now...

9 Posts

itsapcthing Reply #4, 20 years, 10 months ago

I’m working on this project as well and the problem we have now is that IE does not like our dropdown menu. Any suggestions on how we can make IE recognize it?

Thanks...

Man is the best computer we can put aboard a spacecraft ... and the only one that can be mass produced with unskilled labor. Werner von Braun

☆ A M B ☆
24,524 Posts

sottwell Reply #5, 20 years, 10 months ago

There are two ways; include this in your template head:

<!--[if lte IE 6]>
<style type="text/css" media="screen, tv, projection">
body { behavior: url(assets/js/csshover.htc); }
</style>
<![endif]-->

which forces IE to recognize the :hover pseudo-class on other elements besides <a>;

or use a different CSS + Javascript method, such as this:

http://www.alistapart.com/articles/hybrid/

Studying MODX in the desert - http://sottwell.com
Tips and Tricks from the MODX Forums and Slack Channels - http://modxcookbook.com
Join the Slack Community - http://modx.org

9 Posts

itsapcthing Reply #6, 20 years, 10 months ago

Thanks for all y’alls help. I think we got it working now.

Man is the best computer we can put aboard a spacecraft ... and the only one that can be mass produced with unskilled labor. Werner von Braun