Sign in to follow this  
DOSError

Scrollable Text Area On Index Page

Recommended Posts

I have an area on my main index page that is used to post updates for my site. The only problem is, when too much text gets put into this area it causes my table height to expand, which forces users to scroll all the way down the page to read all of the updates. Now I plan on putting more than just two comments in this area, so I need to make a designated scroll area on the right side of my index page.

If you look here: http://complhex.no-ip.org you can see what I'm talking about. The small grey area marked as "[updates]" needs to retain its dimensions/text attributes...the only thing that I need to add is a scroll bar to this area.

Would you be so kind as to assist me on this?

Thanks

\\DOS

Share this post


Link to post
Share on other sites
You could put it in an Iframe.

If that works, but what would the browser compatibility be with an Iframe...also how could it properly be implimented into my current code?

<td bgcolor="#F0F0F0" width="250" valign="top" bgcolor="#FFFFFF" class="text"><br>

<p class="updatehead">[updates]</p>

<ul class="bullet">

<span class="Date">1/12/06 § 2:08PM</span>

<li class="updatetext">Area For Update Text</li>

<br>

<span class="Date">12/29/05 § 4:23PM</span>

<li class="updatetext">Area For Update Text</li>

</td>

Edited by DOSError

Share this post


Link to post
Share on other sites

Use a CSS file instead of tables. you can set up the layer to be different specs compared to the main content.

Share this post


Link to post
Share on other sites

I just decided to drop a <div style="height: 450px; overflow: auto"> into the table that was already in use and it worked out well. I might toss this into my css file later on...

Edited by DOSError

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this