I am trying to build a persistent layer on one of my sites that floats down vertically alongside a body of text with an auto margin. It is kind of a cool effect I think but I am having a few hangups. 1. I have managed to get a test page to work correctly in both IE and FF here: http://www.arizonahealthinsurance360.com/test.htm 2. However, I tried it out on one page of the site to test here: http://www.arizonahealthinsurance36...rance/Arizona_Affordable_Health_Insurance.htm and: A) In IE it is too far to the right (FF is fine) B) In IE is does not float down the page (FF is fine) C) In both IE and FF I would like to set it up so that the floating layer never obscures the menu on the left (I know that it would be easy to change the var topMargin number BUT then the layer always will have that same margin number and would be almost out of the picture even after scrolling down past the menu. I could also put the floating layer underneath the menu layer and then have it "appear" when the page is scrolled down far enough but I am not sure that I want to do that... I would really appreciate some help from a JavaScript expert!
Hmmm, I tried the code you provided and I was able to get it to work on a test page that I did here: http://www.arizonahealthinsurance360.com/test2.htm but when I try and put it on any of my pages then nothing happens... I followed the directions for the link that you gave which said to just copy and paste the code right before the </BODY> tag and that is it. Is there something on my pages that would keep this code from working?... (example page: http://www.arizonahealthinsurance36...rance/Arizona_Individual_Health_Insurance.htm)
If you look at javascript console after loading your Insurance page, you'll see several errors from menu2.css and from .html files.