Menu going over the footer

  • 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?

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

  • 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.

    Thread Starter edpham

    (@edpham)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu going over the footer’ is closed to new replies.