• I have a problem with archive pages displaying unformatted text when the content area is smaller.

    ex: https://www.mostlymuppet.com/archives/2005/01/25/no-on-gonzales/

    The style is only applied vertically as far down as the content area, leaving some portion of my navigation (#menu in the css) hanging in the breeze. I’ve tried messing with the z-index, changing the height variable to 100% and otherwise tinkering, but to no avail. Can someone please help me? Thanks.

    -Seth

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter sethdavidmiller

    (@sethdavidmiller)

    Added the argument:
    oveflow: hidden; to the # rap element, but that just hides the part of the nav that overflows, thus shortening the page, but also hiding the links. I want #rap to be able to accomodate the longer #menu. Any takers?

    Thread Starter sethdavidmiller

    (@sethdavidmiller)

    Added the following code to my index.php to shore up the menu:

    <form name=”archiveform” action=””>
    <select name=”archive_chrono” onchange=”window.location = (document.forms.archiveform.archive_chrono[document.forms.archiveform.archive_chrono.selectedIndex].value);”>
    <option value=”>By Month</option>
    <?php get_archives(”,”,’option’, 1); ?>
    </select>
    </form>

    Not the CSS solution I wanted, but the result is the same.

    Let’s see if i can help.

    1. use float css property to position the menu and margin-left to the content to make sure the whole content stay in place
    2. check that your footer (the one with “powered with wp”) is inside the wrap div (#rap)
    3. add the clear property inside the css
      .credit {
      clear: both;
      }

    This should force the footer p to stay always under any other floating element.
    If you want, feel free to take a look here:

    https://www.stereotipic.it

    https://www.stereotipic.it/wp.css

    Thread Starter sethdavidmiller

    (@sethdavidmiller)

    Thanks for the advice. I think I’ll stick with my solution, but it’s good to know someone has coded a similar template.

    Thread Starter sethdavidmiller

    (@sethdavidmiller)

    I tried your fixes, gionni, but they did not work. Any other takers?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Style not being applied to entire page’ is closed to new replies.