Welcome to WebmasterWorld Guest from 54.144.243.34

Forum Moderators: not2easy

CSS positioning a layout: horizontal bar along top AND bottom

how to achieve a top AND bottom bar

   
5:46 am on May 19, 2010 (gmt 0)

10+ Year Member



When working on CSS layouts, one method I often use is to have the following:

- a centered and fixed-width container/wrapper div
- a repeating background-image for the body() selector

that way I can have a horizontal bar along the top and a pattern for the area below.
Currently I'm working on a design that has small decorative horizontal bars along the top AND the bottom. I could do it the same way, but when the window stops, the area below will be empty.

So I was wondering if I could make it more flexible so that the bottom bar is ALWAYS at the bottom, no matter how 'high' the design stretches.
7:57 am on May 19, 2010 (gmt 0)

5+ Year Member



I can recommend having a look at the Library [webmasterworld.com] - and one thread in particular: Designing layouts [webmasterworld.com]

Also, there are numerous CSS Source Ordered Page Makers [google.com] - many of which are (for the patient learner prepared to go step-by-step) invaluable in terms of saving time (in the long run) by 'not reinventing the wheel :)
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month