Gap at bottom of page in FF3

Discussion in 'Web Design and Development' started by angelwatt, Jul 14, 2008.

  1. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #1
    Edit: Resolved.

    I'm working on a page (see link at end of post) for a group. There's a section for authors and there can be up to 12 of them, each with their own section to be filled out. To make the page a little more appealing I hide the extra authors with JavaScript and made a 'Add Author' button which reveals one more author section at a time. Currently I have just two author spots setup for testing purposes.

    What I'm finding though, with Firefox 3 at least, is that at the bottom of the page, there is a gap the same size as the hidden author area. When an author is added that space fills up. I'm hiding each author section (which are fieldset tags) with JavaScript/CSS using display:none at onload, which should remove the content from layout rendering, and does so in Safari at least (haven't tested IE at all yet). If I add a third author section to my HTML the gap at the bottom increases and so will be very unappealing once I have 12 author sections setup.

    I'm not sure if this happens in FF2 as I don't have it installed anywhere. If you have any ideas on something I could try let me know. Also let me know if you get this "extra space" result with FF2/3. It may be just my FF3.

    Edit: Link removed.
     
  2. InLikeALion macrumors 6502a

    Joined:
    Jul 18, 2007
    Location:
    Greener places than I used to live
    #2
    Angelwatt, I just looked it over in ff3 and didn't see the gap that you are talking about. All the space was content filled, and then expanded when I hit "add author". If there's something I'm missing, could you maybe inclose a screengrab to better illustrate it?

    I've noticed that ff3 does somethings slightly weird in its rendering, but I haven't explored it yet. For instance, go to one of the ____tuts.com sites like http://psdtuts.com/ . The button highlight image for the navigation at the top (blog, resources, etc...) shows a strange repeat where the list item is rendered larger than was intended. I've only seen this in ff3, not version 2 or safari.
     

    Attached Files:

  3. angelwatt thread starter Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #3
    Excellent, that means it's not my code! :D I started up FF3 in safe mode (hold option while opening Firefox) and the issue went away. Disabled each extension one-by-one and found out that "Resizeable Textarea 0.1d" was the culprit. Guess I'll have to send the author of it a bug report. Thanks InLikeALion for checking on that. I thought it may be some type of issue like that. All those add-ons are a pro and con.
     

Share This Page