Tree drifts up and down w/page resize

[rainbird997]

I have a CooljsTree Pro included in a table cell of a page. One of the outermost tables is set
<table width="100%" height="100%">
...
<td align="center" valign="middle">

to force the entire 800 x 600 content area to center on the screen.

When the (IE) browser window is switched from maximized to relative sized, and when resizing the window by dragging a corner, the Tree stays in its original position relative to the top of the window (causing it to drift up or down) while the rest of the content area continues to recenter itself. This error corrects itself on a page refresh.

Has anyone else run into this problem, and how can it be fixed or avoided?

thanx

[rainbird997]

I just noticed the CooljsMenu Pro I'm using elsewhere in the site does the same thing.

[Victor_Chuiko]

Please, give us an url if it possible, so we could see it on our own. And what version of COOLjsTree do do use?

[rainbird997]

At http://www.bukacek.com , the home page uses the CooljsTree for the main menu (on the left side). If you go to http://www.bukacek.com/case_studies/ruud.htm , that page uses the CooljsMenu (the plumb bobs across the middle of the content area), which is doing the same thing.

For these pages, I am using CooljsMenu Pro 2.4.8 and CooljsTree Pro 2.6.7.

Also, as long as you're going to take a look, look at the pages with Mozilla Firefox, too. With FF, the menus do not drift around; however, there is a spacing issue that I haven't been able to isolate, which I suspect is related to CooljsTree.

thanx

[Victor_Chuiko]

I have tested both of your pages and it seems that COOLjsTree works fine. The problem is with COOLjsMenu.

It's just IE bug. It is solved in such way. You write:

[rainbird997]

Thank you for the attempt, but this did not fix the problem. I enclosed the "menu.initTop" script in a table as you showed, but the menu continues to drift up and down when the page is resized.

The CooljsTree is not working correctly, either. It does the same thing as the CooljsMenu, although it's not quite as obvious because of the page's background image. I tried enclosing the "tree.init()" script in its own table, as well, as you indicated for the CooljsMenu problem, but it didn't help there, either.

Note that I made these corrections on our test server, not the production server address I referenced in my previous posting. So if you look at page source on those pages, you will not see the changes -- however, I definitely did try these fixes, and they did not work.

Again, the problem is that when you resize the browser window vertically by dragging an edge/corner, both the menu and the tree get dragged out of their correct position on the page, because the rest of the page elements are being repositioned dynamically as the page size changes, but the menu objects are not.

The Firefox spacing issue I referred to is that there is a ~75-100pixel gap inserted by FF between the CooljsTree object and the main content window, causing the page-top image and the page itself to be stretched out. It's a fairly obvious display error; if you didn't see it, then I expect it didn't manifest on your computer or your version of FF. Try looking at either page first w/IE and then w/FF.

If you have any other suggestions for either problem, I would appreciate it.

[AlexKunin]

Please, try the following:

[rainbird997]

The last script you listed did fix the problem with the CoolMenu. Thank you. However, it did not work for the CoolTree object. Could you take another look at the script? Thanks.

[Victor_Chuiko]

It looks like a bug. We will try to fix it in the next version. This code will be compatible and will work with the new version.