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.