I have this navigation menu here which is having some IE issues. Open the following link in FF or Chrome and you will see all working fine (you need to hover over the personal and then the mobile or internet sub-menu items to test). Next if you open the same in IE 7 or 9 you will see some discrepancies. Need your help to sort this out urgently. Thanks in advance.
URL: http://h1.servy.net/sgtlmm/
Related
I just had a client tell me that CSS3 styles and effects are not working on some Internet Explorers and in some they work fine. They are all IE 10 which is why I am at a loss. How could this work in some IE 10 and not others? The machines I am on they all work fine but I used teamviewer to see the problem and it is in fact not working on this particular IE 10.
The main problem is the main nav links "products", "support" and "community" all have drop downs. These drop downs work fine in every browser except for some machines my client tested in IE 10. This page here is what I am attaching screen shots of
Here in this screen shot (taken using teamviewer) you can see how the down arrows are missing after the text (the arrows are a webfont), and the drop downs do not appear.
Here is a screen shot of how it should look : You see the webfont icons (down arrows) and the drop down appear on rollover.
The css files are HERE and HERE
Any help would be greatly appreciated, I just cannot figure this out.
Thank You!
I tested Nvidea css drop down menu on a site with XML Flash rotating banner , it works find on opera but doent work on internet explorer and google chrome, it actually goes behind.
menu from : http://www.lwis.net/free-css-drop-down-menu/
see link here: http://sonymax.co.uk
thx
Seems there is a problem with the menu actually, I removed the banner in IE and the drop-down menu still doesn't show up. Also note, that if you change your compatibility mode from IE7 to IE8 or 9 the menu and banner are way off. You should revise your code a bit.
It works in my Chrome, not sure why it doesn't in yours, only IE has the problem as far as I tested.
I'm coding www.rootologyhealth.com and I cannot figure out why the Nav Bar on the homepage starts so high up in Safari and Firefox but looks perfect in chrome. I've done all the work I can to try to diagnose the problem. I'm certain its a stylesheet issue, but the styles I'm using are relatively simple and shouldn't be causing this problem.
For me, it's broken in Chrome 21 and fine in Firefox 14 on Windows 7.
When messing around with the developer tools in Chrome, if you take div#top-menu out of div.container, it no longer floats up above the viewable portion of the browser. You'll be left with a spacing issue between that and the large advert, but that should be simpler to deal with.
I've got this problem while doing the scroll bar for both iPad and browsers. The style is working fine with Opera, Safari, Firefox and Chrome. However the style doesn't show in Internet Explorer and it appears the wired horizontal scroll bar on the page too.
You can find a link to the page here.
Does anybody know how to fix this issue?
Looking at the iScroll website and demos it looks like IE isn't supported. Go ahead and try it in IE http://cubiq.org/dropbox/iscroll4/examples/simple/. You may want to try another library such as this one http://www.hesido.com/web.php?page=customscrollbar which seems to work just fine in IE.
Having trouble figuring out why a div disappears in Safari on a Mac. It works fine in Firefox on the same Mac. Also works fine in Chrome, etc. When I look at the source code in Safari, that divs are simply not there.
There ones disappearing are #sf-wrapper and #menu-donate.
Anyone have any thoughts on this?
http://www.lungcancerfoundation.org/
Which DIVs are disappearing in Safari on the Mac? I looked at it in Safari on my PC and it seems to render fine. Can you link to screenshots of the site in FF and then one of the site in Mac's Safari so we can see?
Best,
Cynthia