CSS Scrolling not working.

tebrown · 8th August 12, 01:15 AM

Hey Guys,

My middle place holder content is not scrolling. Ideally when its scrolled it should go behind the 'DROPDOWN' and Header with the 2 sidebars fixed.

Could someone please take a look? - I have provided a link that shows the work.

http://jsfiddle.net/tebrown/87g2X/3/

Ok i have done some more work on it, but now it wont allow me to scroll with the overflown content. I need the middle section to be able to scroll.

Full Screen Mode: http://jsfiddle.net/tebrown/87g2X/3/embedded/result/

Thanks Heaps!

meesa · 8th August 12, 05:55 AM

Typically how this is done is by using elements that have fixed positioning for the outside border, and then a container that is properly placed where you want the content shown.

tebrown · 8th August 12, 08:00 AM

Is this a minor issue to solve? All i need is that content to scroll...

Cheers

meesa · 8th August 12, 09:23 PM

Yes, just follow the above steps to do what you want. Or, if you don't mind your scroll bar to be in the middle of the page, make the content area the size of the display area, and set overflow:scroll

8th August 12, 01:15 AM	#1
tebrown WLC Member Join Date: Aug 2012 Posts: 4	CSS Scrolling not working. Hey Guys, My middle place holder content is not scrolling. Ideally when its scrolled it should go behind the 'DROPDOWN' and Header with the 2 sidebars fixed. Could someone please take a look? - I have provided a link that shows the work. http://jsfiddle.net/tebrown/87g2X/3/ Ok i have done some more work on it, but now it wont allow me to scroll with the overflown content. I need the middle section to be able to scroll. Full Screen Mode: http://jsfiddle.net/tebrown/87g2X/3/embedded/result/ Thanks Heaps! Last edited by tebrown; 8th August 12 at 03:41 AM.

8th August 12, 05:55 AM	#2
meesa WLC Mod Join Date: Jul 2009 Location: Milky Way Galaxy Posts: 3,138	Re: CSS Scrolling not working. Typically how this is done is by using elements that have fixed positioning for the outside border, and then a container that is properly placed where you want the content shown. __________________ Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.

8th August 12, 08:00 AM	#3
tebrown WLC Member Join Date: Aug 2012 Posts: 4	Re: CSS Scrolling not working. Is this a minor issue to solve? All i need is that content to scroll... Cheers

8th August 12, 09:23 PM	#4
meesa WLC Mod Join Date: Jul 2009 Location: Milky Way Galaxy Posts: 3,138	Re: CSS Scrolling not working. Yes, just follow the above steps to do what you want. Or, if you don't mind your scroll bar to be in the middle of the page, make the content area the size of the display area, and set overflow:scroll __________________ Praise be to the Lord God for the ability to learn, the capability to analyze, and the time to help users on this forum.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode