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.
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 :)