left image float overlaps footer

  • kcmartin

    (@kcmartin)


    16 years, 10 months ago

    Please see here http://www.persistingstars.com/contact/

    I kind of understand why this is happening but cannot figure out how to “push” the footer to the bottom where it belongs. I know that filling in enough text next to the image will achieve that but this page will not have that much text. I have searched the forum but unable to find a fix that works for me.

    I am creating this site for a friend and want it to be perfect for her 🙂

    Thank you!
    Kerstin

Viewing 4 replies - 1 through 4 (of 4 total)
  • @mercime

    (@mercime)

    16 years, 10 months ago

    Open your theme’s style.css with text editor, find #footer and add the following declarations clear: both; and float: left; like so:
    #footer {
    border-top: 0px solid #666;
    width: 760px;
    color:#333;
    margin:0 auto;
    padding:20px 0;
    text-align: center;
    clear: both;
    float: left;
    }

    Thread Starter kcmartin

    (@kcmartin)

    16 years, 10 months ago

    Worked a treat!! Thank you so much! 🙂

    Thread Starter kcmartin

    (@kcmartin)

    16 years, 10 months ago

    Arrrggghh …. I don’t know what happened! But now the footer is all screwed up. No longer centered, nor at the bottom on the blog, and the text decoration and link colors are completely wrong. I don’t even know where it gets those colors from??

    I was working on my sidebar images and had not touched the footer. And I have scanned the code so many times now that it’s become one big blur and I have no idea what I’ve done to screw up the footer.

    Can anyone help please?

    Thank you!
    Kerstin

    Thread Starter kcmartin

    (@kcmartin)

    16 years, 10 months ago

    Ok, I figured it out! It was the sidebar div, not sure why it caused the footer to screw up but it’s fixed again! Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘left image float overlaps footer’ is closed to new replies.