homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

CSS positioning a layout: horizontal bar along top AND bottom
how to achieve a top AND bottom bar

10+ Year Member

Msg#: 4135118 posted 5:46 am on May 19, 2010 (gmt 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.



5+ Year Member

Msg#: 4135118 posted 7:57 am on May 19, 2010 (gmt 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 :)

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved