Solved

Problem with dropdowns

Posted on 2008-10-21
20
279 Views
Last Modified: 2012-05-05
Please check this link and on the left of the site is some arrows which when clicked on do not drop down properly or neatly, this only seems to happen in ie7, does anyone know how to fix this please?

http://www.clarewebdesignclients.co.uk/reprographic_new/index.html
0
Comment
Question by:Simonrepro
  • 7
  • 7
  • 5
  • +1
20 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 22767977
Using IE7 everything looked fine.  I did not check other browsers though.  
What exactly should I be looking for?
0
 

Author Comment

by:Simonrepro
ID: 22768024
If you click a drop down which is near the bottom of the screen it opens up without moving the screen up so that the full dropdown can be viewed.
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 22772443
What browser(s) are experiencing the problem?
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 

Author Comment

by:Simonrepro
ID: 22773721
Ie7
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 22773758
I'm pretty sure that's just the way IE7 renders.  I'm not at all sure there is anything you can do about it.
0
 

Author Comment

by:Simonrepro
ID: 22773839
Is there any suggestions you have as it does not look professional baing like this?
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 22773859
Reduce the number of items in the menu so that lower-resolution users don't see the problem?  Just like LZ1, I initially didn't see the issue either because I'm running at 1280 x 1024 and I have plenty of vertical space for the menus to expand.

0
 

Author Closing Comment

by:Simonrepro
ID: 31508241
Thank You
0
 
LVL 14

Expert Comment

by:yessirnosir
ID: 22779113
I realize this question has been closed, but something else that would improve that page would be to change the menu links from href="#" to something like href="#nowhere".  That prevents the page from jumping back up to the top if the user scrolls down the page, and then clicks on one of those links.  If you put a bogus anchor instead of href="#", then clicking the link won't cause the page to jump, so your page layout as you currently have it would be much more usable, even if you don't shrink the menu.
0
 

Author Comment

by:Simonrepro
ID: 22779335
Many thanks for this suggestion I will give it a go.

Simon
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 22780414
Wait, are you talking about the page jumping up to the header or the drop down rendering "off-screen?"

If the latter, my advice stands.  If the former, then my answer is not correct...
0
 
LVL 14

Expert Comment

by:yessirnosir
ID: 22780489
Jason, I think your answer is correct.  My suggestion is really just a band-aid that makes things a little better without much effort.
0
 

Author Comment

by:Simonrepro
ID: 22783609
I was talking about the drop down rendering off screen.
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 22783637
Okay, phew.
0
 

Author Comment

by:Simonrepro
ID: 22787780
Jason,

I have done this now and it certainly seems more stable but it still is not lifting the page so that the whole dropdown can be viewed when opened, any ideas?

Cheers

Simon
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 22788482
Again, it's an issue with how IE renders these things.  You don't have a ton of control over it aside from using a different method to display menus.  Generally speaking, this is why you don't see a lot of vertical sliders used for navigation and left menus tend to have flyouts instead.
0
 
LVL 14

Expert Comment

by:yessirnosir
ID: 22788874
Here's one possible approach:  use a bit of JavaScript to scroll the page when the user clicks on one of those links.  eg.  <a href="#nowhere" onclick="window.scrollTo(0,350)"> would cause the page to  scroll 350 px down the page.  I tried that with your FAQ link, and that seemed to work pretty well.  There is also a scrollBy command that just scrolls the screen relative to the starting point.  I'm no Javascript expert, so there may be other functions that would be useful too.
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 22788900
Good idea, but a pain in the arse for some users across multiple resolutions.  If I am browsing this site and every click causes the page to scroll whether I want (expect) it to or not, I'll probably just leave.  Having stuff moving all over the place would give me a headache.
0
 
LVL 14

Expert Comment

by:yessirnosir
ID: 22789324
agree about the unexpected jumping being distracting... although a script could be written to smooth it out.  just messing around a bit and came up with function below, that moves the screen one pixel at a time.  kind of cool actually... until an hour ago I didn't know I could make the user's screen scroll like that!  
call with <a href="#nowhere" onclick="scroll(350)">
 
<script type="text/javascript">
function scroll(ScrollTop) 
{
if (!(ScrollTop == window.pageYOffset)) 
	{
	for (i=0;i<ScrollTop;i=i+1) 
		{
		window.scrollTo(0,i)
		}
	}
}
</script>

Open in new window

0
 
LVL 14

Expert Comment

by:yessirnosir
ID: 22789373
minor error in that code above:  line 8 should be a less than or equal relationship, i.e. i<=ScrollTop
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
Email security requires an ever evolving service that stays up to date with counter-evolving threats. The Email Laundry perform Research and Development to ensure their email security service evolves faster than cyber criminals. We apply our Threat…
Nobody understands Phishing better than an anti-spam company. That’s why we are providing Phishing Awareness Training to our customers. According to a report by Verizon, only 3% of targeted users report malicious emails to management. With compan…

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question