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!

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

Scroll bar in center of page w/o frames? 2

Status
Not open for further replies.

rmayer4

Programmer
Oct 2, 2001
9
CA
hey, I'm just curious, as a general rule, I try to avoid frames, as if they were the plague, I just don't like the way(s) they react with browsers and stuff... but, the time has come that I want to put a scroll bar in the center of the page, like this:

[tt]|-----------------------------------|[/tt]
[tt]| |[/tt]
[tt]| |-------------------|-| |[/tt]
[tt]| | |-| |[/tt]
[tt]| | | | |[/tt]
[tt]| | | | |[/tt]
[tt]| | |-| |[/tt]
[tt]| |-------------------|-| |[/tt]
[tt]| |[/tt]
[tt]|-----------------------------------|[/tt]

I don't know if my little ascii art will help at all, but I would like to have a scroll bar in the center of the page, which would be an easy task with frames, but like I said, I'd rather use something else. Any way of embedding a window in a table or something? JS, or CSS maybe?

Thanks in advance!

Kasey Forbes [afro]
 
<div style=&quot;width:200;height:150; overflow:scroll;&quot;>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
This text will scroll<br>
</div>

Rick If I have helped you just click the first link below to let me know :)
 
To make it scroll only when necessary, do this:

<div style=&quot;width:200;height:150; overflow:auto;&quot;>
to make that happen only for the right scrollbar and not the bottom one also, do this:
<div style=&quot;width:200;height:150; overflow-y:scroll;&quot;>

Rick If I have helped you just click the first link below to let me know :)
 
Any way to do this, but with the box at the very bottom of the page (with dynamic height)? -- cut here --
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top