Displaced menu

More likely something in your style sheet or a layer causing the problem.

Have you placed the RTE in to an IFrame on your website?

I have spent a whole day trying to figure this one out. I have found that by erasing all contents in my stylesheet, I get a correctly placed menu. I then went on to take each element in my css file out at a time, to see which one caused the displacement, to my surprise no one of the elements by itself caused this. I got no further in my search by doing this great and timeconsuming job...

I have looked into the code, this seems to be what picks up the "position-top" property for the IFRAMEs containing the "font-picker" and such menus

(from RTE_javascript.asp...)

(line 142)
document.getElementById(iframeWin).style.top = (getOffsetTop(buttonElement) + buttonElement.offsetHeight) + 'px';

(line 239)
function getOffsetTop(elm){
     var mOffsetTop = elm.offsetTop;
     var mOffsetParent = elm.offsetParent;
     while(mOffsetParent){
          mOffsetTop += mOffsetParent.offsetTop;
          mOffsetParent = mOffsetParent.offsetParent;
     }
     return mOffsetTop;
}

the variable 'buttonElement' or later 'elm' passed into the function being the menuitem in question, for example the image named 'fontname' for the font picker...


When the rest of the editor looks and does just what it should, I can not understand what in my stylesheet would cause this misplacement. If the editor picks up the position of the parent element, the image with id 'fontname' for instance, and this element is positioned correctly on the page, why is the Iframe that opens when a user clicks this image not placed correctly?? It IS placed with correct offset when it comes to space-from-the-left...

/Mattias

I sorted it out... sort of =) Thanks.