Welcome to WebmasterWorld Guest from 54.167.157.247

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)

5+ Year Member



Here is the page in question...

[pr-tech.com...]

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)

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



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)

5+ Year Member



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.