Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages » Post-Kicker, -Byline & -Footer »

Full browser width footer


 
Prev Previous Post   Next Post Next
  #1  
Old Mar 29, 2010, 05:03 PM
kdawes01's Avatar
kdawes01
 
96 posts · May 2009
Missoula, MT
Full browser width footer

I have seen some posts where someone wanted to have their footer extend to the edges of their browser, even if the body width is smaller.

I wanted to share a pretty quick and easy way to accomplish this.

Make a single pixel gif that is the same color of your footer and upload it to your site.

Go to the AT Options "HTML Inserts: Body Bottom" and add the following...

Code:
<div style="width:100%;height:60px; background-image:url(http://your-website-path.com/pixel.gif);margin-top:-60px;position:relative;z-index:-10;"></div>
This will place a filled in div below the footer that is the height of your footer.

The negative margin-top will pull it up even with the top of your footer. You may need to play with the height and margin a little to avoid running into the bottom of a sidebar.

The position and z-index will assure that the div block shows *under* your footer.

Hope that this can help someone!

Ken
The Web Mechanic

Last edited by kdawes01; Mar 29, 2010 at 09:13 PM.
 

Bookmarks

Tags
footer width

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] footer as width as possible catastrophy Post-Kicker, -Byline & -Footer 2 Mar 9, 2010 02:00 AM
Search box disappeared when I added full width header JakeThePeg Header configuration & styling 5 Jan 26, 2010 03:10 AM
[SOLVED] Page menu bar gif image full width rcarbaugh Page & Category Menu Bars 4 Jan 13, 2010 12:43 PM
Want centred navigation to be full width Babs Page & Category Menu Bars 3 Jul 17, 2009 02:00 AM


All times are GMT -6. The time now is 03:52 AM.


Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.