/    Sign up×
Community /Pin to ProfileBookmark

dropdownmenu problem in IE

Copy linkTweet thisAlerts:
Jul 30.2008

Hello there. I recently put a dropdown menu on our website. if you look [URL=”http://www.timetracer.biz/”]here[/URL] in FF and hover over the PRODUCTS button, you will see that a menu pops up just below.

However the menu is not showing in IE as its positioning is different!! I tried hacking this but the page went bad. Is there a quick way I can also get menu to show in correct position in IE?

many thanks for any help

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@eloquentBohemiaJul 30.2008 — You have positioning probs in FF also. Load in FF and look to see if a horizontal scrollbar appears at the bottom of the window. It does in FF3 and if you scroll right, you see your [B]#menucloser[/B].

It is an obvious positioning prob, but I don't have time to look deeper into it right now. I'm thinking you could use a negative left margin to hide this and positive margin to show it.
Copy linkTweet thisAlerts:
@CentauriJul 31.2008 — One of the problems here is that the height of the #main div is actually only the height of the header in FF due to not clearing the internal floats, and is the only reason why the popup appears below the header. The popoup needs to be absolutely positioned, but needs to be positioned relative to the link that invoked it, and that cannot be done unless it is a child of the link (which is not allowed anyway - blocks cannot go inside inline elements) - at the moment it is a child of the body and will be placed relative to the screen edge (resize the window and it moves across). Besides all that, it won't work for anyone who has javascript disabled anyway.

Best way would be to convert the menu system, including the required popups, to a nested unordered list suckerfish style. I assume this site is the one you mentioned to me, so redoing it properly may be more of a priority than you thought..
×

Success!

Help @WeeBubba spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.3,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...