Wed, 2008-07-02 10:20
Hi, I'm attempting to create a site with a 100% wide Header and footer.
Creating the header is simple, I insert the bg image into the body CSS:
body {
background: url(images/topbg.gif) repeat-x;
background-color: #333;
}
How do I create the a footer that is always the same height and is 100% wide yet will sit under the main page container? see examples: http://www.connections.ca or http://www.indez.com/
Thanks.
Wed, 2008-07-02 13:08
#1
search for sticky footers.
search for sticky footers. if you are using divs, they are block elements, so they will naturally expand to the full width of their container.
Wed, 2008-07-02 14:40
#2
Also ....
Don't underestimate using an "inner" div within your primary layout elements so that you can contain the content within a specific area.
For instance:
<div id="footer"> <div id="footerInner"></div> </div>
You can make the #footer be 100% width, then make the #footerInner a defined width and center it in the div. That'll give you the "Indez" look.
Wed, 2008-07-02 19:15
#3
Thanks Greg, it works a
Thanks Greg, it works a treat!
Wed, 2008-07-02 21:41
#4
Hell yeah!
Glad it worked!! Rock on!!