WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Firefox page height (9 posts)

  1. prncessr14
    Member
    Posted 8 years ago #

    I've noticed that when my entry runs longer than my set page height, my background automatically compensates and stretches in IE. However, in Firefox, my blogging area (the white part) does not extend with post legnth.

    Any ideas on how to fix this, so that I don't have to make all of my pages super long in order to compensate for one longer page?

    http://www.sexy-nerd.com/renascence

  2. flakkito
    Member
    Posted 8 years ago #

    if it were me, I would change the doctype from html 4.0 to:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    and add this to my css:

    html, body {
    margin: 0;
    padding: 0;
    height: 101%
    width: 100%
    }

    See if that might help. Nice design btw:)

    Rob

  3. mrsugar
    Member
    Posted 8 years ago #

    Hi there,

    I see that right now you have your height at 4500, as to compensate for long pages. One thing that you could try, is
    #container
    {
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    min-height: 100%;
    background-color: #FFFFFF;
    }

    Because firefox correctly interprets the height: command in CSS you can use min-height: to give it the minimum height it should display.

  4. prncessr14
    Member
    Posted 8 years ago #

    No cigar...the white part of the page still only reaches about the legnth of my sidebar, and the text keeps extending down over the brown background.

    I may be changing the doc type incorrectly though. What's the right way to do that?

  5. flakkito
    Member
    Posted 8 years ago #

    to change the doctype just open up you theme's header.php and at the top you should see something like the 2nd post above. Make a backup copy of your original just in case and then you can copy/paste it in.

    Also, check your markup against the w3c validator as you go, cuz sometimes an open tag or other little error can make your page render improperly.

  6. prncessr14
    Member
    Posted 8 years ago #

    Changing the doctype made my container disappear completely, with the code added to my CSS. The thing still doesnt want to stretch.

  7. Yngwin
    Member
    Posted 8 years ago #

    It's because you use the wrong method for this. Take out the line height:4500px; on container and replace that with overflow:hidden;
    That should do the trick.

  8. prncessr14
    Member
    Posted 8 years ago #

    Ah! That's it!

    Thank you so, so very much:o) You made my week.

  9. Yngwin
    Member
    Posted 8 years ago #

    You're welcome!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags