?
Solved

Website Menu offset

Posted on 2014-01-27
3
Medium Priority
?
531 Views
Last Modified: 2014-01-28
We have a website that has been live for 18 months, and all of a sudden doing a wacky thing on the internal machines.  If you roll over the first menu item, the submenu goes under the 2nd menu.  You can't even get to it, because by the time you move, it disappears.

The website is www.7thwavelabs.com.

On the Pic1, you will see how the menu is incorrect.
On the Pic2, you will see how it looks proper.

Why is this doing this on just a few machines?

I personally have tested it on 8 different machines with Windows 7, Windows 8, Mac, and a combination of IE, 9,10,11, Firefox and Chrome.  It looks fine for me.  

Help!Pic1 - Rollver shifted to the right.my-screen.jpg
0
Comment
Question by:sharpapproach
  • 2
3 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39813648
Works fine for me too.
Is it possible an old js/css file being cached - have you tried an hard refresh?
Is the browser (if IE) running in compatibility mode?
0
 
LVL 58

Accepted Solution

by:
Gary earned 2000 total points
ID: 39813658
Yeah - running IE11 under IE7 mode the menu is getting offset.

If you add to the page
<meta http-equiv="X-UA-Compatible" content="IE=edge" >

This will force IE to use the highest mode
0
 

Author Closing Comment

by:sharpapproach
ID: 39815070
Perfect Thank you Cathal!!!!
0

Featured Post

Take Control of Web Hosting For Your Clients

As a web developer or IT admin, successfully managing multiple client accounts can be challenging. In this webinar we will look at the tools provided by Media Temple and Plesk to make managing your clients’ hosting easier.

Question has a verified solution.

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

How do you create a user-centered user experience on your website? And what are some things you should consider in the process?
An ASP.NET Web Form User Control is not newly introduced in ASP.NET. In fact, it was an old technology yet still playing a role to generate web content, especially when we want to use it to have a better and easy way to control part of the web conte…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses
Course of the Month5 days, 1 hour left to enroll

601 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