CSS Menu Not working with XML rotating Banner - css

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.

Related

Offset to dropdown menu in Safari

I am using bootstrap to develop a responsive website. I have tested it in Firefox, Chrome and IE where everything seems to be working, but the dropdown menu (in main menu) adds a offset to it self in Safari.
I checked the Safari inspector to see what went wrong, but the inspector seems to think that the dropdown menu is displayed correctly - even though it is not.
See http://birdatwork.com/stackoverflow/safari-bug.html for an example of what I am talking about.
The site can be seen at http://kik.vejnoe.orvad.net/en.
Hope you can help find out why it happens.
I have not found out why it happens, but I have found a solution. The solution is that I wrote some JavaScript that listens for clicks on menues and window resize events (only in Safari). Whenever one of these events happens the code will position the menu to the left by using the jQuery offset function.

I have a graphic not lining up properly in IE 8 and IE 9 on a custom Wordpress Theme

I'm hoping someone can help me with a little glitch in IE8 and IE9 with a graphic background not lining up.
If you view this link in IE8 or IE9, you'll notice the "step" in the background. http://sager.hiringhook.com/
I'm working with a custom theme created specifically for this site. Everything looks good in Chrome and Firefox, IE is just being a thorn in my side.
If anyone has a simple fix, please share..before I lose my hair.
I looked for the step you mentioned but didn't see any difference in the site from Chrome to IE8. The logo shifts down along with the featured photo in compatibility mode but nothing else seems to change across browsers. Do you have a screenshot of what you see in IE? I would love to replicate and help you solve the issue.

IE CSS Issues, FireFox, Chrome Works Fine

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/

Scroll bar css style in Internet Explorer

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.

IE9 Document Mode Toggle fixes SharePoint CSS issues?

I'm working on my first SharePoint project doing some UX support. My client's page uses some custom css including a horizontal main-menu with dropdown sub-menus. When the page is loaded in IE9, none of the sub-menus work correctly. The dropdowns appear when you hover over the top-level item but when you drop your cursor down to the sub-menu, the hover doesn't register and the menu disappears.
These links work fine in latest versions of Chrome and Firefox, so I'm pretty sure this is an IE quirk. In IE9, if I open the developer tools and toggle the document mode from IE9 to IE7 and then back to IE9, the menus work correctly for the remainder of the browser tab's lifetime (e.g. when I use the sub-menus to navigate to other pages, the dropdowns continue to function properly). Unfortunately, since this is SharePoint, I don't have a lot of control over the structure of the html here.
Anyone know what might be going on? Does anyone know the impact of toggling the browser modes to IE7 and back and why that might fix the problem? Thanks!
Try this:
<meta http-equiv="X-UA-Compatible" content="IE=7">
It will force IE8, IE9 etc to render as if they were IE7.

Resources