scrolling page

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
aceconcepts
DevNet Resident
Posts: 1424
Joined: Mon Feb 06, 2006 11:26 am
Location: London

scrolling page

Post by aceconcepts »

Hi,

I want to be able to create a web page that consists of content that appears in the center of the screen, both horizontally and vertically measuring about 700px in width and 500px in height.

My question is, how can i allow users to scroll the content and not the entire page?

here is an example of something that is kind of what i mean: http://www.roseneath.co.uk/meetteam.htm
User avatar
Christopher
Site Administrator
Posts: 13596
Joined: Wed Aug 25, 2004 7:54 pm
Location: New York, NY, US

Post by Christopher »

It is done with a <div> tag. If you view the source of that page you can find the code.
(#10850)
User avatar
Burrito
Spockulator
Posts: 4715
Joined: Wed Feb 04, 2004 8:15 pm
Location: Eden, Utah

Post by Burrito »

hint: look at the overflow property.
User avatar
SpecialK
Forum Commoner
Posts: 96
Joined: Mon Sep 18, 2006 3:49 pm

Post by SpecialK »

As a warning that I've seen done with other sites.

Some people DO have those old computers that still use 640x480.

Don't place any content that is important at the bottom of the page because with setting div scrolling sometimes you aren't able to use the normal scrollbar anymore(I've seen this done,http://www.artofadambetts.com/weblog/ but haven't done that myself). This site it's worse since it won't work with 800x600 if you want to go with the monthly archives.[/url]
User avatar
aceconcepts
DevNet Resident
Posts: 1424
Joined: Mon Feb 06, 2006 11:26 am
Location: London

Post by aceconcepts »

Thanks to all of you for your help. I have been able to create exactly what i was hoping to create.

Much more straight forward than i thought it would be!

Thanks again.
Post Reply