How can i make a textarea box like scrollable section on my page.
i want it to look exatly like a frame but the content being in the same file as the rest of the document.
if this makes any sense i hope someone can help...

Give it so many rows high, then when extra content appears it will automatically scroll.

Two ways:

<textarea rows="4" cols="50">  (adjust numbers as appropriate.)
...
</textarea>

or

<div style="width:  600px;  height:  600px;  overflow:  scroll;"> (adjust numbers as appropriate...if you don't want the scrollbars to show up, change scroll; to auto; )
...
</div>

The difference between the two is that the content within the div (assuming it's coded correctly) will be included as search engine usable text whereas the textarea content will not.

Just remember not to use overflow: scroll on any other elements (it collapses the element in IE/mac).

Thanks very much for your replies i knew about the textarea method but i wanted to have it look like a webpage not a input area if u know what i mean...

anyway i was using the div way but for some reason when i made it larger than 200px wide/height the scroll bars disappeard... no idea why and u had to scroll with keys
lol

Originally Posted by Mooofasa

Just remember not to use overflow: scroll on any other elements (it collapses the element in IE/mac).

what do u mean it collapses the elements? can u explain what exactly u mean plz

The elements will be closed, like an accordian.

You can change the font formatting of the textarea with simple CSS. However, the div is more advisable.