#1
  1. A Change of Season
    Devshed Expert (3500 - 3999 posts)

    Join Date
    Mar 2004
    Location
    Next Door
    Posts
    3,558
    Rep Power
    221

    Iframe height issue


    Hi;

    The question is about the timer sticking to the bottom of this page https://webmoosh.com/demo

    How can I set the iframe height so it still works well cross-browser and this annoying few pixel gap goes away?

    Thanks
  2. #2
  3. Impoverished Moderator
    Devshed Supreme Being (6500+ posts)

    Join Date
    Mar 2007
    Location
    Washington, USA
    Posts
    16,865
    Rep Power
    9646
    I can't see why the iframe's div is about 5px too tall (it's not margins, padding, borders, or anything else I can think of) but at least forcing it to height:100px should do the trick.
  4. #3
  5. A Change of Season
    Devshed Expert (3500 - 3999 posts)

    Join Date
    Mar 2004
    Location
    Next Door
    Posts
    3,558
    Rep Power
    221
    It is the height of div id countdown_timer. I am not setting it anywhere!
  6. #4
  7. Impoverished Moderator
    Devshed Supreme Being (6500+ posts)

    Join Date
    Mar 2007
    Location
    Washington, USA
    Posts
    16,865
    Rep Power
    9646
    No, the height is actually coming from the iframe's unnamed parent div. Not #countdown_timer.
  8. #5
  9. A Change of Season
    Devshed Expert (3500 - 3999 posts)

    Join Date
    Mar 2004
    Location
    Next Door
    Posts
    3,558
    Rep Power
    221
    Originally Posted by requinix
    No, the height is actually coming from the iframe's unnamed parent div. Not #countdown_timer.
    So the next question is why a div with no padding and margin has more height than it should?
    And how to get rid of it the right way.

    I don't really want to type in height:100px

    That stuff is dynamic.

IMN logo majestic logo threadwatch logo seochat tools logo