Hello All,

I feel your pain, positioning problems in different browsers is a common problem which is hard to address.

I have good news though. Based on this forum thread and additional test-case scenarios, we have started investigating alternative positioning approaches with some excellent results so far. We will be doing our best to push this with higher priority in our bug-fix queue.

Maybe you can help us a bit. With the exception of the scrollbar positioning problem (menu groups are not positioned correctly when browser window horizontal/vertical scrollbars are moved) which is easy to reproduce, can you please tell us a little bit more informaiton about your setup, e.g. is the menu nested in absolute/relative positioned divs, are there frames/iframes involved, are there complex global CSS rules on the page, etc. We do have a lot of edge cases already setup, but any additional information will be very helpful to us as well (and this way we will make sure our fix addresses your specific scenarios as well).

Looking forward to your reply,

Hi Rumen,

In my case I'm using several absolutely positioned <div>s along with a javascript-based layout manager to acheive my full page layout. I found I needed to go that route when I upgraded my project to use the xhtml-transitional DOCTYPE so I could reliably use the Ajax Control Toolkit.  I also needed to write a javascript layout manager specifically for the grid since the grid renders tables using 100% heights which don't work out very well using xhtml-transitional due to the different box model. This grid layout manager updates the various component parts of the grid during page resizing including: gn_main, gn_hdiv, gn_mr, gn_mc, gn_div, gn_addBox, gn_pager.

Several of my menus are also included inside user controls which result in them being rendered inside some of the absolutely positioned <div>s.  Under this situation, the menus wouldn't even show up until I reparented them to the <form> object before attempting to show the popup menu.  After reparenting the menus (along with their submenus), the top level shows up in the correct position, but any submenus show up aligned to the top of my page as you can see in my screenshot.

The sample above also uses an iframe for the content where the menu is showing.  The main top tab (with the logo and right aligned tabs) is the main page and it manages the content of the iframe which takes up the rest of the window where the menu is being shown.  The content window currently uses frames for the tree and viewer areas.

~ David

Any update on the issue / any resolution?

Thanks for the updates David, I will try to reporduce something similar to this setup locally, so we can test against it when migrating the positioning logic to our new approach.

I will also try to be active in this thread and let you know when we have some tangible results.

Btw, the system you have designed with tabs, treeview, grid and menu looks great.