IE6 problems and inconsistencies in activemenu and collapsiblock
| Project: | Javascript Tools |
| Version: | 5.x-1.1 |
| Component: | Activemenus |
| Category: | bug report |
| Priority: | critical |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
I am finding mind boggling erratic behavior with active menu module and IE6 where the plus and minus signs are not clickable. One site that I have up that is showing one of these errors is www.translationdesigns.com.
With firefox all of my themes work with activemenu, but with IE some themes never work, other themes only work when on certain servers, and some installations won't allow active menu to work with any theme. I wish I could give you a more clear picture, but the truth is that I am getting such random results as I test that I don't really know what is going on. An example of a theme that it works with on one of my servers is Garland, a theme that I can't get activemenu to work with is zen.
I have the latest release of jstools downloaded today 4-26-08.
#1
I have found out something that makes this problem make a little more sense. It seems that when there are two menu blocks in a region the first menu has active menu working fine, but the second menu doesn't. Again this is only with ie6.
#2
I have also determined that this problem doesn't appear in themes that are table based such as bluemarine. Also it seems that the collapsiblock module also has a problem with ie6 which makes it so that the collapse or expand icons on the block headers are not clickable unless you first click the text of the h2 tag. At that point the block expands and then the collapsiblblock icon becomes clickable.
#3
I have also come across the problem of the collapse/expand icons not being clickable until you have first clicked the text of the h2 tag. The only time this has affected me is in IE6 if I have collapsiblocks in both the left and right sidebars.
I was able to fix this problem by modifying the collapsiblock.css file. Where it has:
div .collapsiblock {
background: url(expanded.png) no-repeat right;
cursor: pointer;
cursor: hand;
}
make it:
div .collapsiblock {
background: url(expanded.png) no-repeat right;
cursor: pointer;
cursor: hand;
width: 100%;
}
#4
What i see in IE6 is just my content. I can't even click to close it. All the information have been expanded out.
I even tried the suggestion by reub.
Nothing works for me.