Solved

Need help auto height fix for a iframe

Posted on 2012-04-10
2
504 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 500 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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

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

Suggested Solutions

This article discusses how to create an extensible mechanism for linked drop downs.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

816 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

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now