I have been working away on a new website and creating a drop-down menu from my page title. All seems to be going well, but I am at a loss why IE6 is behaving so differently.
I have sfHover.js so all my hovers work ok, it must be something I am overlooking that is making IE6 behave differently.
My primary issue is that the 'content' text cannot be selected, nor can the 'breadcrumb' links because of the drop-down menu. I realise this is because the drop-down menu seems to be over the top of the content in IE6. If I put overflow hidden on the div I cannot see the drop-down but can select the text and links. I have set widths and heights. Tried z-index. I am just getting myself so confused!
Here is a link to the site: http://www.dynamichrmsolutions.com.au/michelle/
Any insight into the issue or a hint on the solution would be most appreciated as I am starting to pull my hair out! I have tested in other browsers and versions and IE6 is the only one acting this way.
When the mouse is hovered over pistols, only 2 calibers is displayed when there should be 4. IE5+ is the main problem, works fine in Safari, a little buggy in Firefox.
Any insight or solution would be highly appreciated.
I think you may wish to start with inserting the flash object using swfobject.js, see the links below: http://board.flashkit.com/board/showthread.php?t=748707 http://code.google.com/p/swfobject/ There is probably more information out there, but at least this is a starting point for you.
I had this same problem on this site: http://www.dynamichrmsolutions.com.au/gallery/developing-leader-within/forbes-parkes/.
Ultimately, the swfobject.js enables you to have compliant code and fixes the issue of flash always wanting to be on top of everything else.
I have been working away on a new website and creating a drop-down menu from my page title. All seems to be going well, but I am at a loss why IE6 is behaving so differently.
I have sfHover.js so all my hovers work ok, it must be something I am overlooking that is making IE6 behave differently.
My primary issue is that the 'content' text cannot be selected, nor can the 'breadcrumb' links because of the drop-down menu. I realise this is because the drop-down menu seems to be over the top of the content in IE6.
If I put overflow hidden on the div I cannot see the drop-down but can select the text and links.
I have set widths and heights.
Tried z-index.
I am just getting myself so confused!
Here is a link to the site: http://www.dynamichrmsolutions.com.au/michelle/
Any insight into the issue or a hint on the solution would be most appreciated as I am starting to pull my hair out!
I have tested in other browsers and versions and IE6 is the only one acting this way.
Let me know if you need anymore information.
Edit: actually IE5 is also acting this way.
http://www.jimenezarmsinc.com/home2.htm
When the mouse is hovered over pistols, only 2 calibers is displayed when there should be 4.
IE5+ is the main problem, works fine in Safari, a little buggy in Firefox.
Any insight or solution would be highly appreciated.
I think you may wish to start with inserting the flash object using swfobject.js, see the links below:
http://board.flashkit.com/board/showthread.php?t=748707
http://code.google.com/p/swfobject/
There is probably more information out there, but at least this is a starting point for you.
I had this same problem on this site: http://www.dynamichrmsolutions.com.au/gallery/developing-leader-within/forbes-parkes/.
Ultimately, the swfobject.js enables you to have compliant code and fixes the issue of flash always wanting to be on top of everything else.
Hope this makes sense!
Let me know how you go.
i changed my nav container div to float left instead of right, positioning it absolutely with left margin and success!
#nav_container {display: inline;
float: left;
margin-left: 356px;
position: absolute;
width: 400px;
}
note to self: try not to float things to the right ;)
thanks for the heads up, i will look into that solution for sure...