• Howdy! Welcome to our community of more than 130.000 members devoted to web hosting. This is a great place to get special offers from web hosts and post your own requests or ads. To start posting sign up here. Cheers! /Peo, FreeWebSpace.net
managed wordpress hosting

css help please

Sain Cai

Beautiful Daddy
NLC
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
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-content/themes/twentyeleven/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?
 
Unfortunately it did not work. The image in question is located here:
.BottomShadow{
background: transparent url(images/htmlBottomShadow.gif) repeat-x center bottom;

}
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 :(

EDIT: I could extend the following code as well:
#middleBar2 .Container .NewsArticle{
font-size: 11px;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 30px;

}
by making a min height, but would likely stretch the entire screen and may still be a prob on larger then 1600-900 res.
 
Last edited:
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;
}
 
Odd, that doesnt seem to work either :( I 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)
 
no, you just need it like this...

HTML:
<body>
<div id="name">crap and images here</div>
<div id="content">the rest of your site content here</div>
</body>
 
Back
Top