I received an email from a Captivate developer asking if it was possible to remove the white space that appears between the browser toolbars and SWF when a lesson is opened within a browser.
In the image below, notice that there is white space above the SWF (just below the browser's menu bar).
Admittedly the space that appears above a SWF isn't huge and it's not something that I had spent time thinking about. However, the developer in question was trying to minimize the need for a learner to scroll down and wanted to remove all unnecessary white space.
Thankfully, there is a simple solution to removing the white space above the SWF. Unfortunately, the solution isn't found within Captivate. In fact, you will need to edit the published HTML file in a text editor.
To begin, publish your lesson as a SWF and ensure Export to HTML is selected from the Output Options area of the Publish dialog box. (This option is standard and is typically left selected.)
After publishing, open the HTML file in a text editor. (If you're using Windows, open the file in Notepad. If you're using a Mac, TextEdit will work nicely.)
Add the following simple line of code in the HEAD tag: <style>body {margin:0px;}</style>.
Save and close the HTML file and then open in your web browser. The margin at the top of the page should now be gone. (In the image below, notice the white space between the menu bar and the SWF is missing as compared to the first image above.)
Note: Special thanks goes out to Rod Ward of Infosemantics. Rod originally posted the code above on the Adobe Captivate forum. If you're looking for some awesome Captivate widgets, check out Rod's site.
***
Looking to learn Captivate quickly? We offer two live, online classes. Adobe Captivate Essentials and Adobe Captivate Beyond the Essentials (Advanced).