- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I’m having a bit of a problem on just one of my pages with my footer and I can’t work out how to fix it, the problem is that I don’t have this website up on a server yet so I can only really explain what the problem is.
#home-page-wrapper{
width:960px;
min-height: 100%;
height: auto !important;
height:100%;
margin:0px auto -175px;
background:url(images/bg_header.jpg) repeat-y;
}
.push {
height:175px;
}
#footer {
background:url(images/bg.jpg) repeat;
height:175px;
font-size:1.0em;
}
The problem is that there is a 175px gap between the bottom of the home-page-wrapper and the footer, this problem is only happening on the homepage.
I have the push div just before the footer div on the homepage. If I delete the push it closes the gap but then when I go to another page the footer is no longer sticking to the bottom.
I know this probably isn’t a problem someone can help me with without seeing the page, I just thought I might get some ideas.
Thanks
Ever checked out this?
thanks for that, just switched out my code for that and it is working perfectly. I’d like to know why my code stopped working but I think I might leave that until the morning.
cheers