nikioneota
Member
Posted 6 months ago #
Hi,
I was wondering if someone could take a look at my style.css and tell me how I can align my footer better. I want the text to line up on either side with the flower in the middle (there are 3 divs). It worked before the flower, but after inserted the 3rd div with flower, the text on either side got uneven.
http://www.discoverhappydecorah.com
Tumultus
Member
Posted 6 months ago #
Delete float: center; in your #footercenter css.
Delete the width in #footerright in your css.
In your footer template file, move the entire <div id="footercenter">...</div> section down, so that it will be in your code after the <div id="footerRight">...</div> - that should do it! :)
nikioneota
Member
Posted 6 months ago #
thanks! hmm still not sure how to get it in the center. padding moves it around, but not up to the middle of the left and right footer divs
Tumultus
Member
Posted 6 months ago #
#footercenter {
margin-left: (as-far-from-left-as-you-need-it)px;
...
}
I hope that helps?
Tumultus
Member
Posted 6 months ago #
BTW:
You have a </div> too much before <div id="FooterRight"> ...
nikioneota
Member
Posted 6 months ago #
thanks!! it is finally centered, but the right and left footer areas are still uneven. If I take leave that </div> in before Footeright- they line up like they should- but the flower disappears. If it take it out, the flower is aligned properly, but the footers aren't. hmm...I've got to be missing something
nikioneota
Member
Posted 6 months ago #
Never mind- got it. It was the width of the rightfooter. thanks so much for all of your help!
nikioneota
Member
Posted 6 months ago #
one more question- I have a background image for the footer- that I just can't seem to get to show up....strange