DTP


 
Lively discussions on the graphic arts and publishing — in print or on the web


Go Back   Desktop Publishing Forum > General Discussions > Web Site Building & Maintenance

 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
Old 11-30-2015, 12:54 PM   #1
dacoyle
Member
 
dacoyle's Avatar
 
Join Date: Aug 2005
Location: Arlington, VA (across the river from Washington, DC)
Posts: 560
Default CSS/jQuery for locked navigation/scrolling text

Page example: http://www.fhwa.dot.gov/hep/whats_new/



If it's possible, we would like our left-side navigation locked and visible when scrolling long pages. Whether the 2nd header (Highway Traffic Noise with blue background) stays visible or not isn't a concern. We'd prefer a CSS-only solution, but if we have to use jQuery that's OK.

All of our pages are in the same ColdFusion template. (That's all we have available.) The basic structure is the same on all pages, other than a handful of pages that use a different ID for the content area.

The very top FHWA header is totally separate. The bar under that is also separate. From the "Highway Traffic Noise" banner to just above the page footer is wrapped in <div id="wrapper"> <div id="subnavigation"> is nested in that, followed by <div id="contents">

Some pages use id="pagecontents" in the same nesting. Example: http://www.fhwa.dot.gov/environment/noise/ (this is to allow the right-side box to have its own column.

Because of the structure, we're not even sure if this can work. It's all built with CF includes and the contents/pagecontents area.

Anyone have any ideas? Are there still any CSS gurus here? We're even open to positoin: sticky; if that's an option.

thanks,

Dennis

ps; this isn't my first post, but I couldn't get my password reset so had to create a new ID to post this.
dacoyle is offline   Reply With Quote
 

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Navigation & CSS Bo Aakerstrom Web Site Building & Maintenance 9 03-19-2006 06:53 AM
Site Navigation How To? BobRoosth Web Site Building & Maintenance 14 02-28-2006 11:36 AM
Navigation Suggestion donmcc How to Use the Forum 5 08-30-2005 01:49 PM


All times are GMT -8. The time now is 06:15 AM.


Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Contents copyright 2004–2014 Desktop Publishing Forum and its members.