|
Step 1. In your page where you want the scrolling content to appear, insert a text box. Set its width to the size you wish. Check the Lock Height checkbox and stretch the text box vertically to the desired height.
Step 2. In the text box properties, click on the HTML button.
On the Before Tag tab, insert: <div style="position:absolute; overflow: auto; width: 200; height: 100;">
Set the width and height size to match the height and width of your text box.
Additional Option: to insert padding, add the following after the height: padding: 10px; as in the example. You can restrict padding to the scrollbar side by using: padding-right: 10px;
On the After Tag tab, insert: </div>
Step 3. Press Ctrl+T at the text insertion point in the text box. Enter the text you wish to scroll in the Insert HTML window. You can also insert html tags if you wish in order to format the text. By default, the contents take on the settings of the text box container.
That's it. This technique can also be used to scroll the contents of a Layout Region or a Table Cell.
Caveats: Firefox handles padding differently than IE. Also, Firefox displays a taller scrollbar than IE does. So, you may need to do some fine-tuning to allow for the differences in browsers.
|
