SAbboushi
asked on
Stumped: Why does one menu option shift my page several pixels to the right?
ITD
In Chrome and Firefox:
If I click on Sample Projects menu item, my page content jumps several pixels to the right.
Clicking on any other menu items including the submenus of Sample Projects displays the content in the same location.
Doesn't happen with IE
Now get this: if I open a dev tools window in either Chrome or Firefox, then the Sample Projects page jumps back to the same location as all the other menu options...
Completely stumped... was going to use devtools to examine box metrics to see what was off... but opening a devtools window corrects the problem...
Any wizards out there that can figure this out?
With Regards-
Sam
In Chrome and Firefox:
If I click on Sample Projects menu item, my page content jumps several pixels to the right.
Clicking on any other menu items including the submenus of Sample Projects displays the content in the same location.
Doesn't happen with IE
Now get this: if I open a dev tools window in either Chrome or Firefox, then the Sample Projects page jumps back to the same location as all the other menu options...
Completely stumped... was going to use devtools to examine box metrics to see what was off... but opening a devtools window corrects the problem...
Any wizards out there that can figure this out?
With Regards-
Sam
Not seeing what you mean, also do you mean on hover
ASKER
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
LOL!... Wow.... how could I have missed that? Thanks Gary.
ASKER
A different thought - any ideas how to determine if there is no scroll bar and use css to add the scroll bar width to the right margin?
Would be very messy and require javascript
ASKER
k thanks-