Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

How to make column content scroll with page

11:21 pm on Mar 17, 2013 (gmt 0)

Junior Member

5+ Year Member

joined:Mar 19, 2010
posts: 51
votes: 0

Here is the page in question...


What I am trying to accomplish here is to make the left hand column (navigation) and the right hand column (slideshow) scroll with the page. I would like to do this purely in CSS if possible.

I have played around with it by making the #left-column div have a fixed position but this just causes styling issues since the rest of the content is mostly floating divs.

I am trying to do this in the easiest way possible so I thought I would ask for some input. When I add something like...

#left-column {
position: fixed;
top: auto;
left; auto;

That kind of makes it work except now the center column gets pushed all the way to the left and overlaps it. Anyhow, I'm scratching my head here trying to figure it out so any input is greatly appreciated!

Thanks in advance!
2:07 am on Mar 18, 2013 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
votes: 536

You need two layers. Not "layer" by name as in z-values, just two conceptual layers. The first layer divides your site into side-by-side slices, each the full height of the page. The second layer is what happens inside each of those slices.

The floats should not affect anything, since they are all floating around inside the central section.

And, ahem, you know perfectly well you are not allowed to link to your own site. In the how-to forums like CSS and HTML, this is not only for boring webmaster reasons involving green stuff. It's because the post is about the situation as it exists right now, not as it will exist in 2015 when some future searcher comes across this thread.

But as long as I'm there...
MSIE 10 doesn't recognize Conditional Comments, and MSIE 9 may or may not need them. So always specify a version. And then only as an absolute last resort when you're using something that any browser with the brains of a lemming should be able to support.


:: ahem :: cough-cough :: uhm, uh ::

:: sneaking off to post unexpected link ::
2:45 am on Mar 18, 2013 (gmt 0)

Junior Member

5+ Year Member

joined:Mar 19, 2010
posts: 51
votes: 0

Thanks for the advice. I'll play around with it and see what I can come up with.

I wasn't aware I couldn't link to the site, sorry about that, makes sense though in regards to the reasoning.

There's a lot of errors that I am getting around to bit by bit.

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members