Topic: Scroll area inside page (Page 1 of 1)

I'm trying to get a scrollable area in the middle of the page. Static data on top, sides, and bottom; just the middle should move (up and down) as it contains dynamic data. Due to the background scheme, I would like to use something other than frames to do it. Any suggestions? If I need to explain more, let me know.

Sounds like the CSS property you want is overflow, set to auto (overflow:auto.

[edit: slimey detection code is poorly written, stupid ubb people]

[This message has been edited by Slime (edited 01-12-2003).]

Thanks Slime! It works great. I'm putting tables inside of it, but it got me pointed in the right direction.

Be forewarned, Opera up until 6 won't support that property! This is why I've always avoided it, nice as it can be. If you must do it (there really aren't all that many reasons to), and it must be usable in Opera (which I recommend), then use an iframe instead.

Still, what have you got in that central area that you couldn't do better as static content? The trouble with putting things in a little scroll window is that it can end up looking cramped and needless... we're not all www.halfproject.com , you know.

I know I did an iframe page myself, and the more I look back at it, the more I wish I had used some other device...

It seems to be the kind of thing that gets less tempting the more experience you get. At least, now that I'm a grizzled old veteran web designer (snort), I keep hearing from people who want to have little scrolling boxes, and they're always pretty new to the game...

Then again, it could be perfect for your design. I don't know.

edit: God, Halfproject is still beautiful. I wish I were them...

[This message has been edited by Perfect Thunder (edited 01-12-2003).]

Bear: Welcome. Have a look here if you just want a scroller:

:FAQ:

As you are new you need to look here:

:FAQ:

___________________
Emps

FAQs: Emperor

you could try iframe but I'm not sure how well its supported across various browsers and platforms.

put this inside your code and the space it occupies will contain the file it references.

<iframe src="/html/yourfile.html" scrolling="auto" height="60" width="220" framespacing="0" frameborder="0" marginwidth="0" marginheight="0"></iframe>

mwasisco: If you only want a scroller then an iframe is a bad idea - nothing shows up in older browsers. The solutions I linked to above provide a cross-browser scroller effect. If you want a cross-browser iframe effect then things do get tricky but check:

:FAQ:

___________________
Emps

FAQs: Emperor