Custom Footer problem
-
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.
-
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! 🙂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
#footercenter { margin-left: (as-far-from-left-as-you-need-it)px; ... }I hope that helps?
BTW:
You have a </div> too much before <div id=”FooterRight”> …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
Never mind- got it. It was the width of the rightfooter. thanks so much for all of your help!
one more question- I have a background image for the footer- that I just can’t seem to get to show up….strange
The topic ‘Custom Footer problem’ is closed to new replies.