set it as...
position: fixed
I am recreating my New England Patriots community and currently integrating wordpress into the current layout. On some pages, at my current resolution of 1600 x 900, there is a pretty large gap where the footer image doesnt align with the bottom. The following image can be seen here http://dragonthrone.namepad.net/Untitled.jpg or the webpage itself here: http://dragonthrone.namepad.net/blogs/. I use FF6 if that makes a difference.
The code I use is on 2 stylesheets, one for the layout and one for WP. I had to delete a couple body codes from the WP theme so it didnt interfere with the main layout, but that shouldnt be the prob.
http://dragonthrone.namepad.net/style.css is main layout css
http://dragonthrone.namepad.net/wp-c...even/style.css is WP css if you need to view that.
Anywho, would anyone know what may be the issue in getting the footer image to stay static on the bottom when the screen isnt full?
Patriots Fanzone: New England Patriots Community, blog and resource.
DISCLAIMER
I tell it like it is, plain and simple.
set it as...
position: fixed
Full-service digital agency based in Scottsdale, Arizona - iBright Development
Unfortunately it did not work. The image in question is located here:where it is near the top of the page in terms of coding. I have tried to set min height at 100%, fixed position which really does a number on the layout, margin bottom set at 0 as well.BottomShadow{
background: transparent url(images/htmlBottomShadow.gif) repeat-x center bottom;
}
EDIT: I could extend the following code as well:by making a min height, but would likely stretch the entire screen and may still be a prob on larger then 1600-900 res.#middleBar2 .Container .NewsArticle{
font-size: 11px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 30px;
}
Last edited by Sain Cai; September 21st, 2011 at 13:19.
Patriots Fanzone: New England Patriots Community, blog and resource.
DISCLAIMER
I tell it like it is, plain and simple.
you dont need to mess with heights or anything man. just make a div that is position: fixed and it can be above all your other code, and it will stay where you position it
#name {
position: fixed;
bottom: 0;
}
Full-service digital agency based in Scottsdale, Arizona - iBright Development
Odd, that doesnt seem to work eitherI originally put the div at the very top (after body) with the close before /body then tried in different areas.
I may be able to just add stuff to the sidebar to extent the page that way (author pages, links and other mumboe jumboe)
Patriots Fanzone: New England Patriots Community, blog and resource.
DISCLAIMER
I tell it like it is, plain and simple.
no, you just need it like this...
HTML Code:<body> <div id="name">crap and images here</div> <div id="content">the rest of your site content here</div> </body>
Full-service digital agency based in Scottsdale, Arizona - iBright Development
Posting Permissions
Bookmarks