Home › Forums › CSS › [Solved] How do I build this layout? › Re: [Solved] How do I build this layout?
March 31, 2010 at 1:31 pm
#73212
TheWill
Participant
Thank you very much, worked perfectly. I like how your container css sticks it to the bottom.
Code:
#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; }
#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 :)