View Full Version : Anylink DropDownMenu V.2.2 - Position problem with IE(6)

05-22-2010, 03:29 AM

I'm experimenting with the new version of the dropdownmenu (http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm
(I'm still using the older one, and it works fine, in IE (all versions) and FF! The new version has some advantages though.)

So: it works fine in FF, but not in IE(6): the menu appears far from the link, and (sometimes) it disappears before being able to click it.
An exemple: http://www.biezon.be/BUNDELS/744/dood.test.html (Click in the left upper corner, on '744')

I changed the code a little bit:

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/

/* ######### Default class for drop down menus ######### */

position: absolute;
left: 0;
top: 0;
visibility: hidden;
border-bottom-width: 0;
font: normal 10px Verdana;
line-height: 11px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: lightyellow;
width: 200px;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 5px;
padding: 2px 0;
text-decoration: none;
font-weight: bolder;
color: #000066;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;

.anylinkmenu a:hover{ /*hover background color*/
background: #F0F0F4;
color: #0033CC;
.anylinkmenu a:visited{ /*hover background color*/
color: #00CCFF;
/* ######### class for shadow DIV ######### */

.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
visibility: hidden;*/
} (I don't want the shadow)

In the Javascript, I put 0 to -5 (in
var posy=menu.anchorobj._offsets.top+this.dimensions.anchorh - (menu.orientation=="lr"? this.dimensions.anchorh : -5)//base y pos

The demo works fine in IE, so I don't know what change could have caused this...

I checked the forum, and I found a lot of IE postioning problems, but (up to now) I couldn't find anything that can help me out...

Thanks for any help,
Greets, bizy

05-22-2010, 08:08 PM
First of all: sorry for posting in the wrong forum.

Second: I see that there are recent simular posts, and that some people are working on it?
I dived into the forum again, and so know about putting the HTML-tags above the BODY tag, but I'm using divisions to position the link, so how can I position the link then?

Hope for a solution, coz this menu looks and works fine in FF/Opera/...?

Thank you, b.

05-24-2010, 05:27 PM
I added the *.css-file to my general *.css-file (this would allow me to style diffently for FF and IE (with redirectionscript) but that doesn't change anything. I can only make changes in the *js.file (change the values of x and y, but if they work fine in IE, they don't in FF and vice versa. But I don't know how to add this *.js-file to the redirection script).

greets, b.