Best way to have content scroll inside a table cell?

castoutcomic · 05-02-2005, 09:15 PM

I want to have a main content area of the page that scrolls so I don't have to stretch my table way down to fit all of the content. So basically I want to have a table cell that has a scroll bar on the right so you can scroll through the content. What's the best way to do this that is broswer friendly? IFrames, Layers, etc? Thanks for any help!

Rowan W · 05-02-2005, 09:49 PM

It's simpler than simple.

Create a div for the content like this:

Code:

<div style="overflow: auto; height:300px; width:100%;">
<p> Content Content Content Content</p>
</div>

That should work.

castoutcomic · 05-02-2005, 11:24 PM

Simple is good. Thanks, I'll give it a shot!

df-sean · 05-03-2005, 06:09 PM

Another option is to use a standard textarea tag with the "readonly" attribute. This is good for displaying simple text documents like license agreements, etc.

danstevenson · 05-03-2005, 06:11 PM

Originally Posted by Rowan W

It's simpler than simple.
????: NamePros.com http://www.namepros.com/web-design-discussion/87180-best-way-have-content-scroll-inside.html

Create a div for the content like this:

Code:

<div style="overflow: auto; height:300px; width:100%;">
<p> Content Content Content Content</p>
</div>

That should work.

text areas are ugly stick with this one

05-02-2005, 09:15 PM	THREAD STARTER #1 (permalink)
castoutcomic New Member Join Date: Apr 2005 Posts: 2	Best way to have content scroll inside a table cell? I want to have a main content area of the page that scrolls so I don't have to stretch my table way down to fit all of the content. So basically I want to have a table cell that has a scroll bar on the right so you can scroll through the content. What's the best way to do this that is broswer friendly? IFrames, Layers, etc? Thanks for any help!

05-02-2005, 09:49 PM	#2 (permalink)
Rowan W NamePros Regular Join Date: Dec 2004 Location: QLD, Australia Posts: 713	It's simpler than simple. Create a div for the content like this: Code: <div style="overflow: auto; height:300px; width:100%;"> <p> Content Content Content Content</p> </div> That should work. __________________ Flash is bad for websites Why tables for layout is stupid IE IS BAD

05-03-2005, 06:09 PM	#4 (permalink)
df-sean NamePros Member Join Date: May 2005 Location: Osaka, Japan Posts: 37	Another option is to use a standard textarea tag with the "readonly" attribute. This is good for displaying simple text documents like license agreements, etc. __________________ :::: ÂDataFly.Net Â:::: Rock-Solid Linux Web Hosting http://www.datafly.net

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
HTML page inside a table	benc811	Programming	19	04-23-2005 03:40 PM
loading content in a cell	catas49	Web Design Discussion	3	01-27-2005 08:52 AM
layout table border w/o cell inside having same border	tns123j	Web Design Discussion	2	12-26-2004 05:14 PM
FreeCellTelephones.com	wot	Domain Appraisals	16	12-09-2004 07:00 PM
Scrolling Within a Cell of a Table	smashin	Programming	5	10-02-2004 02:11 PM

	NamePros Design Contests	Forum Sponsorship
	Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest)

05-02-2005, 11:24 PM	THREAD STARTER #3 (permalink)
castoutcomic New Member Join Date: Apr 2005 Posts: 2	Simple is good. Thanks, I'll give it a shot!

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)