Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    iframe overlapping when screen res changes

    Our website was constructed by the webmaster at 800 x 600 and it looks fine. But when someone views it using a higher screen resolution the iframe overlapps and is misplaced. I've tried using % for the width and height but it still doesn't work. Here's a sample of the code:

    <iframe src="blog.html" name="blog" width="70%" height="44%" frameborder="0" style="position:absolute; left:25%; top:67%"></iframe>

    Is there a way to get it to fit at all screen resolutions?

    Thanks

  • #2
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Percentages and absolute positioning don't go together very well. Try positioning your iframe in another manner, like relative.

    That's about all I can say seeing only one line of code.

  • #3
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    the website if anyone would check it out

    is www.tullynally.com. It looks perfect in 800 x 600 but anything higher than that the text in the i-frame displaced. Thanks

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    again rmedek is telling you the problem, you are using percentages and absolute positioning, its a percentage from the users screen so the bigger the resolution the more out of place it will be, that iframe can easily be coded into that layout, that is of course if the image was sliced and it wasn't used as an image map


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •