Old 24-10-2003, 09:56   #1 (permalink)
sleepingfish
css is for divs
 
sleepingfish's Avatar
 
Join Date: Feb 2003
Location: Norwich
Posts: 4,474
Scrolling area

Right then, what I want to achieve is an area within a web page that can be scrolled.

I don't want to use Flash or frames, I'm thinking of using layers.
So I'm thinking content on a bottom layer that you can move up or down, "masked" by other layers above it.

Anyone know any good examples or tutorials of this?

Cheers
  Reply With Quote
Old 24-10-2003, 09:57   #2 (permalink)
oli
Chicharito™
 
oli's Avatar
 
Join Date: Feb 2003
Location: Manchester, England.™
Posts: 14,204
You can use a div with overflow - same effect as an iframe ?
__________________
  Reply With Quote
Old 24-10-2003, 10:03   #3 (permalink)
sleepingfish
css is for divs
 
sleepingfish's Avatar
 
Join Date: Feb 2003
Location: Norwich
Posts: 4,474

Quote:
Originally Posted by oli
You can use a div with overflow - same effect as an iframe ?
Never used iframes before , will investigate.

Thanks
  Reply With Quote
Old 24-10-2003, 10:04   #4 (permalink)
Mik
Award Winning™
 
Mik's Avatar
 
Join Date: Mar 2003
Posts: 14,876
use flash
  Reply With Quote
Old 24-10-2003, 10:05   #5 (permalink)
oli
Chicharito™
 
oli's Avatar
 
Join Date: Feb 2003
Location: Manchester, England.™
Posts: 14,204
he doesnt want to
__________________
  Reply With Quote
Old 24-10-2003, 10:07   #6 (permalink)
smallbeer
I Ain't Losing Any Sleep™
 
Join Date: Apr 2003
Posts: 5,208
__________________
That's fuckin' ingenious, if I understand it correctly. It's a Swiss fuckin' watch.
  Reply With Quote
Old 24-10-2003, 10:10   #7 (permalink)
Bill Posters
trouble free and loverlee
 
Join Date: Mar 2003
Location: YooKay
Posts: 3,100
Quote:
Originally Posted by sleepingfish
Anyone know any good examples or tutorials of this?

Cheers

Ain't nothing to it*.

Simply place your div wherever you want it to go.
Give it a height (and possibly width) attribute.
Set the overflow: auto;. (Don't expect Opera to play ball. It's support for auto is fubar.)
Fill the div with more content than the height allows and bob's your aunty's hubby.

e.g.
my own site uses this simple device for the events listings section.


(* you may need to do a little box model hacking to satisfy IE5/Win if your styling any of the div's content.)
  Reply With Quote
Old 24-10-2003, 10:12   #8 (permalink)
Mik
Award Winning™
 
Mik's Avatar
 
Join Date: Mar 2003
Posts: 14,876
use flash
  Reply With Quote
Old 24-10-2003, 10:17   #9 (permalink)
Bill Posters
trouble free and loverlee
 
Join Date: Mar 2003
Location: YooKay
Posts: 3,100
ignore mik.

he's not an "established designer".


  Reply With Quote
Old 24-10-2003, 10:19   #10 (permalink)
Mik
Award Winning™
 
Mik's Avatar
 
Join Date: Mar 2003
Posts: 14,876
use flash

you had chance to look at pm Billy
  Reply With Quote
Old 24-10-2003, 10:19   #11 (permalink)
Bill Posters
trouble free and loverlee
 
Join Date: Mar 2003
Location: YooKay
Posts: 3,100
(just spotted it. checking now)
  Reply With Quote
Old 24-10-2003, 10:37   #12 (permalink)
sleepingfish
css is for divs
 
sleepingfish's Avatar
 
Join Date: Feb 2003
Location: Norwich
Posts: 4,474
Brilliant.

Thanks very much everyone.

  Reply With Quote
Reply


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

Advanced Search


Contact Us - Web Design Forums - Archive
vBulletin © 2000-2009 Jelsoft Enterprises Limited.
Search Engine Optimization by vBSEO 3.0.0 RC8