• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 513
  • Last Modified:

Need help auto height fix for a iframe

Please take a look at http://iplaysite.com/projects/listings_iframe.html .

On Safari, the iframe section in the body of the page looks and functions exactly how I want it. However, on all other browsers like Chrome, Firefox, and IE the iframe height is only 100px in height. It is not auto adjusting like Safari. How do I make it auto adjust on all browsers? Thanks advance!!
1 Solution
Kim WalkerWeb Programmer/TechnicianCommented:
The issue is the 100% height which is 100% of the parent's height. But the body element doesn't have any height, nor does its parent the html element. Try adding "height: 100%;" to your body tag css on line 9 and to the html css on line 2.
funhyun1Author Commented:
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now