Hey All,
What I'm trying to do:
I've build a skin design that uses a nested div tag, which uses a relative position attribute for intentionally offsetting a layer containing a Content Pane. I'll reference this area as TopLeft.
My problem:
First, when testing this in IE 7, I found that when I had no modules in the TopLeft, the layer appeard as expected. But when refreshing the page, it bumped it's positon out of place (basically stripping it's top relative position attribute, but not the left ). More oddly, if there was a module in the TopLeft, it would still work normally except again, when if you refreshed the page, in which case the whole TopLeft area would just disappear.
Since then, I've found one factor that half-way solves my problem and clues me into the issue. In my skin, in the dnn nav menu, I set the DelaySubmenuLoad attribute to true. Now on refresh, it doesn't disappear. It still, however, screws with the position on refresh.
But another clue, if I then go to the nav menu and mouseover a page title containing a sub menu, my TopLeft div will re-align to it's proper position. I figured I could live with this. Then I found another problem. When you edit a page and mouseover anything that will pop-up a div (like module settings menus), the TopLeft area disappears again which is a real problem.
Note: all the above problems did not occur in firefox (of course)
So now I'm stuck because it seems like an issues that is tied to DNN's show/hide div handling, IE7's awesome javascript handling, and my css design caught in the middle. Any thoughts?
Thanks much,
Ben