There is a method for anchoring a floating vertical menu in a table cell (see "Anchoring a menu in a table cell" on the Advanced Techniques page of this site). However, most developers are moving from table layouts to CSS positioning, and we are not aware of a method for anchoring a floating vertical menu in a DIV. Without such a method, it would be impossible to use a floating menu in a page like this that uses CSS positioning and is centered. Fortunately, Rick Fink, developer of the METARs Downloader, discovered that the same code that is used to anchor a menu in a table cell can be used to anchor a menu in a DIV. All you have to do is replace the table cell ID with the div ID.

Here are the steps used for creating the floating menu to the left:

1) Create a floating menu by checking Float in Global Settings - Menu Type and leaving the x and y coordinates to set 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 replace "leftColumn1" with the ID of the div in which you are placing the menu.

The rest of this page is filler text.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh. Donec nec libero.Ut labore et dolore magna aliqua. Sed do eiusmod tempor incididunt cupidatat non proident, consectetur adipisicing elit. Ullamco laboris nisi duis aute irure dolor lorem ipsum dolor sit amet.