Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Scroll within a table

Status
Not open for further replies.
theoryofben

theoryofben

IS-IT--Management
Aug 25, 2001
149
US
Ok, I'm not sure if it's possible to do what I am trying to do. I have my index page divided into four sections: the side nav bar, the top nav bar, the bottom copyright notice and the center content.

I want this all to fit in one window so that everything is visible. I want the center content to have scroll bars. So when you scroll the content, the other areas stay stationary.

I know I can do this with frames, but I want to stay away from frames. Can I do this with tables? Can I fix the size of a cell and scroll within that cell?

Thanks in advance.

Ben

"Whoever fights monsters, should see to it that in the process, they do not become one."-Friedrich Nietzsche
 
Sort by date Sort by votes
You could put this in a td tag

Code: 
<div id=&quot;scrollMe&quot; style=&quot;border: 1px solid black; overflow-y: scroll;overflow-x: none;width: 300px; height: 100px;&quot;></div>

Just adjust the style to your liking
 
Upvote 0 Downvote
yes you can...

<html>
<style>
.contents {
padding-left: 10px;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #660033;
scrollbar-track-color: #cccccc;
overflow:auto;
border: 1 solid #000000;
background-color: White;
width:600; height:450;}
</style>
<body>
<table width=&quot;750&quot; border=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr>
<td height=&quot;80&quot; colspan=&quot;2&quot;>Header</td>
</tr>
<tr>
<td width=&quot;150&quot; valign=&quot;top&quot;>Navigation</td>
<td valign=&quot;top&quot;><div class=&quot;contents&quot;>Contents</div></td>
</tr>
<tr>
<td height=&quot;50&quot; colspan=&quot;2&quot;>Footer</td>
</tr>
</table>
</body>
</html>


In Contents place all your favorite long contents enough for two or three pages and you'll see how the scroll bars will be there.


bungee.gif
make an impact
 
Upvote 0 Downvote
Thank you. That's exactly what I needed.

Ben

&quot;Whoever fights monsters, should see to it that in the process, they do not become one.&quot;-Friedrich Nietzsche
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

RBGraphics
  • Locked
  • Question
Adobe Portfolio
Replies
0
Views
617
RBGraphics
RBGraphics
goldtooth
  • Locked
  • Question
Adding a linked table to a page in Dreamweaver
Replies
0
Views
287
goldtooth
goldtooth
Mike Lewis
  • Locked
  • Question
Using Dreamweaver to maintain a site not created in Dreamweaver
Replies
2
Views
753
Mike Lewis
Mike Lewis
LyndonOHRC
  • Locked
  • Question
Javascript code will not execute if a cfdocument tag is in my document
Replies
1
Views
374
LyndonOHRC
LyndonOHRC
Kjonnnn
  • Locked
  • Question
What is is called when you end a domain with a folder name.
Replies
2
Views
314
Kjonnnn
Kjonnnn

Part and Inventory Search

Sponsor

Back
Top