homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

How to make column content scroll with page

5+ Year Member

Msg#: 4555922 posted 11:21 pm on Mar 17, 2013 (gmt 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!



WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month

Msg#: 4555922 posted 2:07 am on Mar 18, 2013 (gmt 0)

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 ::


5+ Year Member

Msg#: 4555922 posted 2:45 am on Mar 18, 2013 (gmt 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.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved