View Full Version : Anylink CSS Positioning

05-04-2007, 01:28 PM
1) Script Title:
anylink.js and anylink.css
2) Script URL (on DD):
3) Describe problem:

I present a page to my users that contains a table with a number of people's names listed.

The users have a choice as to how this page is displayed for them. The first is the traditional page where the entire page moves up or down using the standard vertical scroll bars. I'll call this "Normal" mode.

The other choice is to freeze the top portion of the screen so that the page and table headers are frozen and the list of names scrolls with an inner scroll bar. I'll call this "Scroll". The scrolling is accomplished by using the following code ....

<style type="text/css">
##tblHeader {width:#tblWidth#px;}
##tblData {width:#xx#px;height:#SESSION.ScrollHeight#px;overflow-y:auto;}

~~~ Some Code

<DIV id="tblHeader">
~~~ Some Code

<DIV id="tblData" style='position:relative;left:0px;top:0px;'>
<IMG src="Images/Rocket.gif" alt="Launch Pad" width="16" height="16" border="0" align="middle" onclick="return clickreturnvalue()" onmouseover="dropdownmenu(this, event, 'LPMenu#DKey#')" />

<div id="LPMenu#DKey#" class="anylinkcss" STYLE="position:absolute"/>
<CFINCLUDE template="LaunchPad.cfm">


When this page is loaded in "Normal" mode (The CSS and extra DIVs are not invoked.) Anylink works beautifully. However in "Scroll" mode with this CSS and extra DIVs in play the vertical offset of the Anylink menu is way out of whack. It appears about 115 pixels below where it should and then moves as you mouseover lower on the people list. In all cases the vertical positioning is wrong.

The left offset is always correct. Thank you for any help, I am truly stumped.