By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
455,628 Members | 1,723 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 455,628 IT Pros & Developers. It's quick & easy.

drop-down menu doesn't get displayed in IE

P: n/a
Hi,
I have adapted a drop down menu from USC webpage (www.usc.edu).
The link to my page is
http://www-scf.usc.edu/~swarup/test/test.html
The links to the CSS ans JS files are:
http://www-scf.usc.edu/~swarup/test/...s/dropdown.css
http://www-scf.usc.edu/~swarup/test/...tes/default.js

The problem I'm facing is that in IE 6 when the mouse gets over the
drop down menu it does not display sometimes (and sometimes it does).
However, in Mozilla it seems to work fine. I don't understand what's
the bug in the code!

Could someone please help me?

Thanks,
Rajat.

Jul 23 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a
rajat wrote:
Hi,
I have adapted a drop down menu from USC webpage (www.usc.edu).
The link to my page is
http://www-scf.usc.edu/~swarup/test/test.html
The links to the CSS ans JS files are:
http://www-scf.usc.edu/~swarup/test/...s/dropdown.css
http://www-scf.usc.edu/~swarup/test/...tes/default.js

The problem I'm facing is that in IE 6 when the mouse gets over the
drop down menu it does not display sometimes (and sometimes it does).
However, in Mozilla it seems to work fine. I don't understand what's
the bug in the code!

Could someone please help me?


There appears to be a small gap between the bottom of your menu
button and the top of the drop down. Firefox doesn't care about
it, but in IE if you hover over it (or move the mouse too slowly
from the menu button to the drop down) the drop down folds up.

Sorry, but I'm not going to trawl through all your JS/CSS/HTML
to find the error.

--
Rob
Jul 23 '05 #2

P: n/a
Thanks a lot! I'll try this and inform if it works. I don't want you to
go thru the JS/CSS they were just included in case more info was
required...Thanks for the pointer!

cya,
Rajat.

Jul 23 '05 #3

P: n/a
rajat wrote:
Thanks a lot! I'll try this and inform if it works. I don't want you to go thru the JS/CSS they were just included in case more info was
required...Thanks for the pointer!

cya,
Rajat.


Remove all the whitespace (spaces, carriage returns, tabs, etc.) in the
HTML for the:

<li class="submenu">***** this stuff *****</li>

....until it's in one (long) line.

Whitespace in the source should be ignored by browsers but most render
at least some of it in unpredictable ways. Always suspect this when
things don't 'line up' properly.

Jul 23 '05 #4

P: n/a
RobB wrote:
Remove all the whitespace (spaces, carriage returns, tabs, etc.) in the HTML for the:

<li class="submenu">***** this stuff *****</li>

...until it's in one (long) line.


Awesome!!!! It now works perfectly!
Thanks a lot!

-Rajat.

Jul 23 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.