Solved

Website Menu offset

Posted on 2014-01-27
3
435 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 500 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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Learn by example how to specify CSS selectors for Selenium WebDriver test automation software.
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
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.

820 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