View Full Version : iframe overlapping when screen res changes

03-04-2005, 09:02 PM
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?


03-04-2005, 11:11 PM
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.

03-07-2005, 11:16 PM
is www.tullynally.com. It looks perfect in 800 x 600 but anything higher than that the text in the i-frame displaced. Thanks

03-07-2005, 11:33 PM
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