Scrolling an area 2

[Trentham]

I have a need to have a fixed size area in the window but the text it contains may exceed its capacity. Is there any way I can make it scroll.

I know I could set up a frame to do this but want to avoid frames. I know a list box will scroll but I want to have the full power of HTML and CSS formatting. I know I could embed a Java applet to get this but I don't want to go down that line either.

Any ideas or is it just not possible within the constraints of HTML and CSS?

 

[dwarfthrower]

<div style=&quot;overflow:scroll;width:100px;height:50px;&quot;>Lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots and lots of content here.</div>

 

[Trentham]

Ah, excellent. Many thanks for your prompt reply

 

[medic]

Nice, dwarfthrower!
A star for you!!

 

[clarkin]

interesting - have a look at the CSS2 spec for this (

http://www.w3.org/TR/REC-CSS2/visufx.html#propdef-overflow):

scroll
This value indicates that the content is clipped and that if the user agent uses scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. When this value is specified and the target medium is 'print' or 'projection', overflowing content should be printed.


IE6 and NN7 on W2K printed your div looking just like it did on screen rather than printing the full content - not supported or do I need to specify it somehow in a media=print stylesheet?

Posting code? Wrap it with code tags: [ignore]

[/ignore][code]CodeHere

[ignore][/code][/ignore].

 

[dwarfthrower]

I'd always suggest using the medi=print stylesheet, then you can set the overflow to 'visible' for print and 'scroll' or 'auto' for screen.