Results 1 to 3 of 3

Thread: Anylink DropDownMenu V.2.2 - Position problem with IE(6)

  1. #1
    Join Date
    Nov 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Anylink DropDownMenu V.2.2 - Position problem with IE(6)

    Hello,

    I'm experimenting with the new version of the dropdownmenu (http://www.dynamicdrive.com/dynamici...pmenuindex.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:
    Code:
    .selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
    background:;
    }
    
    /* ######### Default class for drop down menus ######### */
    
    .anylinkmenu{
    	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*/
    background:;
    visibility: hidden;*/
    }
    (I don't want the shadow)

    In the Javascript, I put 0 to -5 (in
    Code:
    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

  2. #2
    Join Date
    Nov 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  3. #3
    Join Date
    Nov 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •