Right column content goes here.

.

There may be times when you want to anchor a floating menu in a DIV. This is a three-column layout with the menu anchored in the left column (DIV). The menu should remain anchored in the DIV as the page is resized. Here are the steps for creating this type of menu:

1) Create a floating menu by checking Float in Global Settings - Menu Type. You can set the x and y coordinates to 0.

2) Select the first menu item, click Condition in Menu Item Settings, and input the following code in the Suffix box:

function stgtxy()
{
var x=0,y=0;
for(var o=_STNS.fdmGetEleById("leftColumn1");o;o=o.offsetParent)
{
x+=parseInt(o.offsetLeft);
y+=parseInt(o.offsetTop);
}
return [x,y];
}
_STNS._aStMenus[_STNS._aStMenus.length-1].iX="stgtxy()[0]";
_STNS._aStMenus[_STNS._aStMenus.length-1].iY="stgtxy()[1]+stgct()";

In the example above, be sure to change"leftColumn1" to the ID of the DIV in which the menu is to be anchored.

You can resize this window, using the resize handle in the lower right corner, and the menu should retain its position in the DIV.

If you're still using table layouts, this same technique can be used to anchor a floating menu in a table cell. Just make sure that the ID of the table cell is the same as the ID in the menu code. Using the code example above, the table cell code would be:

<td width="135" id="leftColumn1"></td>