The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] How do I build this layout? Re: [Solved] How do I build this layout?


Thank you very much, worked perfectly. I like how your container css sticks it to the bottom.

#container {margin: 0 0 -200px 0; position: absolute; bottom: 0; left: 0; width: 100%; }
#footer {width: 100%; height: 98px; position: relative;}
#footer-repeat { background:#005FA0 url(i/footer_bg.png) repeat-x; width: 50%; height: 98px; position: absolute; right: 0; top: 0; z-index: 10; }
#footer-content { background:#005FA0 url(i/footer_bg.png) repeat-x; height: 98px; width: 960px; margin: 0 auto; z-index: 20; }

Since the background is the same for both the footer-repeat div and the footer-content div do I need to have a z-index property?

Thanks again :)