WordPress.org

Ready to get started?Download WordPress

Forums

Menu going over the footer (3 posts)

  1. EdPham
    Member
    Posted 9 years ago #

    I've been working on trying to get a footer at the bottom of my page. However, I've been encountering a problem where the menu goes over the footer. I worked with Podz on it a couple of days ago and it didn't seem to work for some reason.
    Basically, I tried using the div.clearer trick in order to make it work, but it still doesn't matter. Here is an example of the problem that I'm encountering.
    I have the following set up:
    <?php include('menu.php'); print_menu(); ?> <-- calls my menu div and menu.
    <div class="clearer"> </div> <-- the division clearer
    <?php include('footer.php'); print_footer(); ?> <-- the footer
    div.clearer {
    clear: left;
    line-height: 0;
    height: 0;
    }

    That's the code that I have to try to get the menu not to interfere, but it's not working for some reason. Know of any ways that I can fix it?

  2. AlHo
    Member
    Posted 9 years ago #

    It seems the CSS does not validate: several occurrences of "font: 15px" or similar. Change those to font-size. Also one "font: "Lucida Grande"" which works better with font-family instead of font. There is one validator error regarding inline-block. If you are sure you want to use CSS2.1, ignore that.
    I changed those and it made a difference.

  3. EdPham
    Member
    Posted 9 years ago #

    That did make the text smaller so that it didn't go over the footer. But when I changed it back to the original size (because of the difficulty of actually seeing the menu), it still didn't work. The menu is still floating over the footer.
    Well, at least that helped me make sure that it was CSS valid now.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.