I have a full width 3 level navigation, please see:
http://acemenu.zzcreative.com/test/logged-in.php
I am checking the menu across all browsers, in IE8 the menu does not appear when clicking the 'Menu' link.
Also I am told it does not work to well in FF on a PC?
Any ideas?
The menu displays in IE when you remove the z-index: 999 from the div with id sticky-header-logged-in
Related
I have a menu div and a appbody div where appbody div opens a totally different application. The outer application is just html/js/jquery (along with java) but the other application that opens inside the appbody div has flex/flash/swf.
NOTE: Everything works fine until I run it with F12 Developer Tools With Emulation as Document Mode: Edge and Browser Profile: Enterprise. (Enterprise Mode emulating IE8, says the console).
$("a.submenuTrigger").click(function(){
$(this).parent().find("ul.submenuHolder").show();
$("div#appbody").hide();
$(this).parent().hover(function(){}, function(){
$(this).parent().find("ul.submenuHolder").hide();
$("div#appbody").show();
});
});
On clicking menu, a submenu div is to be shown and the appbody to be hidden. In Enterprise mode, the appbody div isn't being hidden and the submenu div border is minutely visible as if its hidden behind the appbody div. Attaching the codes, thank you for bearing with the essay.
Also, note that the other app with flex doesn't have a doctype on its index.jsp page. Tried adding for HTML 5 as well as HTML 4.1 but the swf weirdly starts showing only half of it.
I am new to this coding stuff and I've made a portfolio site and it works fine on chrome and safari but for some reason in Firefox the projects section doesnt work right, theres no skew and I can't click on the more info button, any ideas?
portfolio site
Try to remove z-index: -1; property from .projects class. With z-index: -1; you are hiding block with more info buttons below the body block, and you can't click it.
Example:
Dropdown menu is working fine in all browser but in IE10 submenus are not visible while hovering over main menu. very strange.
Below is the js used in this example :
http://www.steelecapital.com/pages/js/IBMenu.js
Dont know what was the issue but it strange.
I'm using bootstrap collapse without the accordion markup.
This function is working fine in FF, Chrome etc. In ie7, 8 & 9 it works, but only the second time I click on 'trigger'.
$('.trigger').click(function(e){
e.preventDefault();
$(this).closest('.item').find('.item-dropdown').collapse('toggle');
});
Any ideas why?
Found this SO question:
Bootstrap 2.1.1 "Collapsible" not opening first time in IE
"This problem is not related to IE : this will happen on any browser that doesn't support transitions (or if it is deactivated).
That's because you need to initialize the plugin first. If you don't, it both initializes and toggles the collapse on the first click : the default initialization toggles the collapse (doc), and without the transitions, the collapse is toggled twice in a row without being seen."
While the lightbox example page works fine for me in IE7, I seem to have broken it in my implementation.
I've written a Lightbox plugin for Mango Blog and everything works fine in Firefox. However, in IE7 the "close" button doesn't work. If I'm fast enough to get my cursor into the position that the close button will be placed before it slides into place, the IE status bar shows the "#" link, but clicking or moving the cursor makes the status bar go blank -- and of course nothing happens.
Not that it was that necessary, but I made a quick screencast of the behavior in IE7. Note the cursor not switching to a hand on the close button.
Any ideas how to fix this?
Perhaps you should try to use the actual 2.0.4 version of Lightbox as a base, there seem to be several changes in the DOM code, although nothing like the bug you described is mentioned in the changelog.