Heres the site that im working on http://www.nidabrochure.com. The home page footer is fine but when you go to contacts page (http://nidabrochure.com/?page_id=2) or the recent post page (http://nidabrochure.com/?p=1) the footer doesn't stay at the bottom. I've tried re-sizing the height, adding margin-top, I even tried adding another div just so i can make the bottom part black but it didn't help. Someone please help me!
Theres gap between my footer and page end (4 posts)
-
Jayubie
Posted 9 months ago # -
On those pages you don't have enough content to fill out the height of the page, so the footer ends before the browser window.
You could try setting a min-height on the #posts column:
#posts {
min-height: 600px;
}That way if the content isn't enough to push the footer to the bottom, the div will make up the difference. You may have to adjust this depending on what screen resolutions you need to accommodate.
-
Posted 9 months ago #I tried it but there so much unnecessary space now on the posts. There isn't another way?
-
An alternative would be to close the .pattern div BEFORE your footer, then set the background color of the body tag to black. That way it will appear as though the footer continues down the page. The height of the footer would then vary depending on the screen resolution.
Reply
You must log in to post.
