UBB.Developers Forums UBB.threads 6 V6 Modifications CSS Styles and Themes Scroll Box in CSS

I've seen JC do this before with the CODE tag.

But I've got some info on a page, which I want to truncate into a scroll box (like an iFrame). I can do an iFrame if needed, so they can scroll through the whole thing - but I thought there's got to be a way to do this in CSS. Any ideas?

.tagname {
overflow: auto;
height: 200px;
width: 100%;
padding: 2px;
margin: 1px 1px 1px 1px;
}

Docs on overlfow:
http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow

Then use <span class="tagname"> before and </span> after the text involved.

Thank you!

OK - i can't get it to work.

http://www.biketrip.com/forum/newuser.php

Trying to truncate the rules. You'll see if you view the source that I've done

<span class="boardrules"> above the rules and </span> after the rules.

Then added this to my stylesheet:

.boardrules {
overflow: auto;
height: 200px;
width: 100%;
padding: 2px;
margin: 1px 1px 1px 1px;
}


Any ideas?

Try div instead of span

Makes sense. I tried putting the class in a font tag, and in a <td> tag - but <div> did the trick.
Thank you.