I need a css expert to help me figure out what i’m doing wrong

.foot {
clear: both; <— add that
background: #510077;
border-top: double 3px #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}

thats in your stylesheet, btw, inside your current theme’s dir.

Thanks, but I tried clearing both at the beginning of the footer, after the sidebar and in both places at the same time, but no go.

It still doesn’t work. And I don’t know why there is that little bit of footer sticking out of the side of the sidebar….

I’m stumped! Thanks, tho…

What about this?

#content {
margin: 0px 17em 0 1em;
background-color: #ffffff;
height:600px;
}

Alas, I tried that, and it works for short pages, but for pages longer than 600px (like this one: https://cheermagic.net/tryout-results/ ) the footer ends up in the middle of the page. Is there a way to “push” the footer to the bottom of the page?

I REALLY appreciate the suggestions. Please, keep them coming!