Footer issue with Word Press

black-ops · 20 Jul 2009 at 12:08

Hello all, would it be possible to give some advice on fixing this minor but relatively annoying issue.
The footer on my page seems to not go down with the content. The general layout for the page is.

[header]
[header end]

[wrapper]

[left block]
[left block end]

[right block]
[right block end]

[wrapper end]

[footer]
[footer end]

www.kindom-hosting.com/test

Craig R · 20 Jul 2009 at 12:18

Stick a div clear in after the right column end?

<div class="clear"></div>

div.clear {
clear: both;
}

black-ops · 20 Jul 2009 at 12:32

sadly didnt work =(

suarve · 20 Jul 2009 at 12:41

Can't remember exactly off the top of my head but you to set the height of the html and wrapper correctly as and also have margin of the footer and content the same (try setting the heights first though). E.g.

Code:

[COLOR=White][FONT=Times New Roman].wrapper {
min-height: 100%;
[/FONT][/COLOR][COLOR=White][FONT=Times New Roman][FONT=-webkit-monospace] height: auto !important;
height: 100%;
margin: 0 auto 25px;
[/FONT][/FONT][/COLOR][COLOR=#000000][FONT=Times New Roman][COLOR=White]}
.footer {
height: 25px;
}[/COLOR]
[/FONT][/COLOR]

Tripnologist · 20 Jul 2009 at 13:21

ignore

Craig R · 20 Jul 2009 at 13:32

black-ops said:
sadly didnt work =(

You appear to have put the div clear after the wrapper end. Try putting it before the wrapper end:

</div>


<div class="clear"></div>

</div>



If that doesn't help, try putting it above that top </div>

If that still doesn't help, I haven't got a clue what to do.