Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

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)

Junior Member

10+ Year Member

joined:Mar 31, 2004
votes: 0

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)

Preferred Member

10+ Year Member

joined:May 29, 2007
posts: 578
votes: 0

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

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members