todd_temple — 2010-09-13T16:07:29-04:00 — #1
Here is the page:
When I view the footer at first it appears directly under the main div area that is Black. But when I resize the browser, the footer seems to stick to the bottom of the viewport and I am wanting it to stay beneath the main div area that is black. Can someone take a look and offer a suggestion?
todd_temple — 2010-09-14T09:30:09-04:00 — #2
I know. Sometimes I start to add fixes that have worked in the past (as in the case from the other thread) and see if they would work in different situations. But, obviously, I am still learning and trying to grasp these solutions so that I do not have to ask the same question ever again.
I really appreciate the advice and support from the SitePoint forums and the friendships that are a direct result.
paulob — 2010-09-14T04:32:23-04:00 — #3
You have set your wrapper to min-height:100% and then placed your footer after it. Where do you think that will place the footer
Remove the min-height:100% from your wrapper and the footer should drop back into the flow.
todd_temple — 2010-09-13T17:00:10-04:00 — #4
Safari. It happens when you resize the browser...
paulob — 2010-09-14T09:20:59-04:00 — #5
If you want the wrapper to always be a minimum of 100% then yes putting the footer inside the wrapper would have worked also. However,I didn't really see a need for you to have the min-height though as you have no full length backgrounds unlike your other thread where you wanted an image to go all the way down.
todd_temple — 2010-09-14T09:03:28-04:00 — #6
Man... you are the best! I tried it and it worked. Of course! With this fix I am now wondering if the min-height: 100% would have worked if I had enclosed the footer div within the wrapper div. Would it?
donboe — 2010-09-13T16:39:52-04:00 — #7
Just saw the site in IE8, FF and Opera but in all three case the footer remained under the main div area when I resized the window. I which browser did this problem occur?