WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Firefox page height

[Resolved] Firefox page height

  • 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

Viewing 8 replies - 1 through 8 (of 8 total)
  • 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

    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.

    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?

    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.

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

    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.

    Ah! That’s it!

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

    You’re welcome!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Firefox page height’ is closed to new replies.
Skip to toolbar