Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Can I use CSS to "stretch" a theme color to match pages?

Status
Not open for further replies.

ag5t

Technical User
Feb 8, 2002
70
US
I'll try to explain this and see if CSS might be able to handle what I'm trying to do. I am on a comittee that is working on a group redesign of a city government web site home page. The new design draft consists of a top navigational banner for all pages, a bottom navigational banner for all pages -- and these two items stay the same. There will also be a left side nav bar specific to each of the city's departments. It will include links, weather report, services by zip code lookup, etc. The contractor presented a design that uses a blue color background theme - with blue gradients and various shades of blue - actually quite attractive in my opinion. Here is the situation: the left side nav bar and links will have to somehow stretch to meet the content of the right side of the page (the part that is not a nav bar). For example, something like animal control might require a long page with much text. Other pages might only require a paragraph or two. And other pages might have maps that would be better presented if placed across the whole web page. By the way, the layout is designed in landscape format and best viewed at 800x600 resolution. My question is - can a style sheet be used to somehow set up the page so that the left nav bar will stretch from top nav bar to bottom nav bar so that the blue background will run all the way. In other words, I'm trying to adjust the left side links to adjust to the length of the right side content area. Thanks for your help.
Marty



 
Stretching a nav bar in this way can be done a few different ways. Though it is not as simple as one would think.
One of the neatest and simplest solutions is the "faux columns" approach.

Search the forums for "faux columns".

failing that look over on



that's a useful technique to do what I think you are trying to do.

 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top