?
Solved

Need help auto height fix for a iframe

Posted on 2012-04-10
2
Medium Priority
?
512 Views
Last Modified: 2012-04-10
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!!
0
Comment
Question by:funhyun1
2 Comments
 
LVL 22

Accepted Solution

by:
Kim Walker earned 2000 total points
ID: 37828571
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.
0
 
LVL 2

Author Closing Comment

by:funhyun1
ID: 37828732
Thanks!
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…
Suggested Courses

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question