The solution would be to set overflow: scroll and height: ***px on the navigation column (*** being the height you want it to be). That way, it will scroll independently from the rest of the window. As for displaying the large picture in the main column, you can hide all photos by default and use the :target selector to display the selected item, but that will work in modern browsers only. See http://daniel.glazman.free.fr/weblog/targetExample.html#general for example code. In IE, you'll need to reload the whole page or use JS to make it work.
Warning: you have to be careful with overflow, because depending on window size and screen resolution, part of the content may be unreachable. Be sure to test with different window sizes and screen resolutions. On Fri, Jan 29, 2010 at 6:24 AM, G. D. Speer <[email protected]> wrote: > The easiest cross-browser technique is to put an iFrame in the area you > want scrolled content. > Yes, IFrames are so 90's but they are coming back in style in the CMS > world. > > I haven't done this myself, but I believe you could set overflow and scroll > properties that would produce the result you want, but that the result is > highly inconsistent browser-to-browser. Great in theory, but the > cross-browser issue is why I haven't even attempted it. > > ----- Original Message ----- From: "George Cumming" < > [email protected]> > > > Hello, >> >> Is it possible to use position property to fix one column in place while >> allowing another column to freely scroll vertically? >> >> Can this be done without scripts and with just css, html and Blueprint? >> > -- Goulven Champenois -- You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
