Full Screen Editor moves off screen

Description

When I edit a page sometimes the editor moves of screen and I can no longer see the toolbar. I do have the Doc type specified on the first line of the document.

I have attached a screen shot of the editor while showing the problem. It does not happen every time. Most often I see it happen when I drag and drop an element on the page I don't know if it is the table or the div.

I use drupal 5.14, with the current stable version of the editor, and of the fckeditor module for drupal. I have tried the nightly and experienced the same issues. This problem occurs in IE.

I can confirm this same issue is happening on Safari 3.1.2 and Safari 4 (Mac versions tested) with our website. From my research with Safari 4's developer tools, it appears that Safari is placing the tool bar between several hundred to several thousand pixels above the top of the window. Safari is also improperly reporting the height of the window as significantly larger than it actually is, sometimes as high as 5000 or 6000 pixels when the screen is actually only around 1000 pixels in height.

As with the IE report, it is not reproducable on the demo site.

It appears that the underlying page layout affects the result of the browser's window size lookup, which should be consistant regardless of page layout. I have not been able to determine what of the page content is causing Safari's improper page height calculation.

Additional information: When Safari resizes to full screen, it is adding an 1807px border to the right and bottom of the iframe. This border is what is causing the problem. If, by overriding the iframe border in your CSS stylesheet to force it to size 0, it works in Safari.

Isolated specific cause: In Safari, the bottom border is treated as "must be on screen" when height=100%. Thus if your border is greater than your visible area for the height=100% object (in this case an iframe), it makes everything invisible. In the case of Safari, it is setting a 1807px high bottom border on a screen that is only 1280px high (including browser chrome).

I do not know if this will fix Lance Hudson's IE problem, since I have never encountered the IE problem myself.

I had a table in my content area. In Firefox (3.6.12), in full screen mode, when I clicked below the table, I would see the described effect. The editor would seem to expand such that the toolbars were off the screen. This is 100% repeatable for me in Firefox, but does not occur in IE7.

When investigating, I noticed that I was trying to load a style sheet into the editor that did not exist. When I corrected that, the bug went away.