How do I get a scroll for the body section only?

[TFitz]

Hello all, I'm hoping for some help here. I'm a self taught person in web design and I'm volunteering my time to make a web page for my Dad's Volunteer Fire Dept. (He's the Chief).

Here's a current pic of it.

http://static.flickr.com/120/277349283_c6a820e0ec_o.jpg

My one problem is the black area where the pics are. When it expands because I add more pictures, it expands the red column to the left also, making it look terrible. Example:

http://static.flickr.com/111/277349287_0ea1847d86_o.jpg

I want the black area to stay static with it's own personal scroll bar. That way it scrolls while everything else remains unaffected. Do any of you know the code for that?

If anyone can help, thanks! If not, thanks for your time.

TFitz.

[geraelindsey]

Do you have the page uploaded anywhere? It looks like you have table or cell height entered on the menu but if I saw your code, I'd be able to tell you for sure :)

[TFitz]

Give me just a couple minutes. I'm downloading the old site and I will upload the new one in it's place.

Thanks!

[TheSpoon]

Put the black part in a div block like this:

<div style="overflow: overflow-x: hidden; overflow-y: scroll;">
insert images here
</div>

Nelson

[TFitz]

OK. I have it uploaded now. Here is the website address:
http://cassopolisfiredepartment.com/gallery.htm

Please look at any page but the main one. It's messed up a bit from me trying so many things on it.

Thanks again!

[tasneem]

Hi
You can do this in css like I have done here:
http://freehost14.websamba.com/netdzigns/
If you want, I can email the htm and css codes to you.
Thanks

[TFitz]

tasneem, the link didn't work, but I did figure it out. I had to use overflow statements.

Now if I could get rid of the outer (standard) scroll bar...