Log in

View Full Version : Dropdown menu going out of the screen area



alstonfds
09-13-2006, 08:34 AM
Hi
I have built this CSS based menu using this totally modified code from the Suckerfish dropdowns modified by this guy from Solardreamstudios.com.

The problem is that the second level of the bottom most dropdown option goes out of the screen for 800x600 resolution. Is there any way to make it pop up and fill the screen area instead of dropping down as usual ?

I'm stuck with this cuz i have spent a lot of time customising and modifying the css code and then i get this..

THE LINK :
http://www.theoceaniqueresort.com/images/menu.html

YOUR SUGGESTIONS AND COMMENTS ARE WELCOME !
:confused: :confused: :confused: :confused:

The code :
549

alstonfds
09-14-2006, 09:05 AM
ANYBODY ??? I STILL NEED HELP ....

i cant really do much .. i could do with some guidance..

emecks
09-14-2006, 11:47 AM
want to post a sample page so it's easier to see??

alstonfds
09-14-2006, 04:03 PM
The bottom most link under DEPARTMENTS is OTHER MEDICAL SPECIALITIES and goes so low down that it drops out of sight of the screen. I need it to pop up instead.


http://www.theoceaniqueresort.com/images/menu.html

alstonfds
09-14-2006, 04:08 PM
I have already heavily modified the script and cant really fall back on some other script at the eleventh hour.. Wish ANYLINK SCRIPT was multilevel ... :(

Have used it on my previous site and is bloody amazing.

emecks
09-15-2006, 09:03 AM
sorry matey, I can't figure it myself just now... how about using a specific selector for those elements that are too low?

alstonfds
09-15-2006, 09:38 PM
tried what i could with my limited knowledge .. but no can do. Guess i'm screwed .... :rolleyes: :rolleyes: :rolleyes:

ItsMeOnly
09-15-2006, 09:54 PM
well, you could check if the menucontainer...

rootHeight = ((document.all) ? document.body.offsetHeight : window.innerHeight);
if (myMenuContainer.offsetHeight + myMenuContainer.offsetTop > rootHeight)
myMenuContainer.style.top = rootHeight - myMenuContainer.offsetHeight + "px"

alstonfds
09-15-2006, 09:58 PM
I ended up using a negative margin-top value for that ul to make it permanently pop-up. Someone in the [H]ardforum gave that tip. Its not the most pleasant looking solution but its functional ...