Solved

Firefox iframe 100% - solution

Posted on 2006-06-10
8
1,021 Views
Last Modified: 2012-06-22
I have a solution to a problem that has been closed in a previous post but i am not sure how i can contribute this to the experts community otherwise...


iframe in firefox does not size to 100%
http://www.experts-exchange.com/Web/Q_21300606.html


function calcHeight(name)
{
  //find the height of the internal page
  document.getElementById(name).height = 0;
     
  var the_height=
    document.getElementById(name).contentWindow.
      document.body.scrollHeight;

  //change the height of the iframe
  document.getElementById(name).height=
      the_height;
}


<iframe id="main" name="main" onLoad="calcHeight('main');" src="yourcontent.htm" height="100" width="100%" style="border:0px" FRAMEBORDER="0" scrolling="no"></iframe>


-----


it seems to not work though if you use the following in the pages:



<style type="text/css">
<!--
html, body {
height: 100%;
margin: 0;
padding: 0;
}
-->
</style>
0
Comment
Question by:kenitech
8 Comments
 
LVL 57

Expert Comment

by:giltjr
ID: 16879682
Have you tried adding marginwidth=1 marginheight=1 on the iframe definition?  I know you have defined that you have no borders, but you never know.  I also assume you meant to type height="100%" and not just "100".
0
 

Author Comment

by:kenitech
ID: 16879784
hey, this solution works for me...i'm just sure how to 'announce' it as a solution to others. is that something that people do on experts??
0
 
LVL 1

Expert Comment

by:Robert_
ID: 16881754
There's an "Accept" button in the upper right corner of giltjr's post. Click that to accept his answer as a solution.
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 57

Expert Comment

by:giltjr
ID: 16881916
Ah, I think I understand.  You are not asking "How to ..."  You found a solution and want to let everybody else know.

Looking at your prior question it seems that you found what the solution was to your own question.  You posted your finding in that question.  That is all you need to do.  If somebody else is having the same problem, when they do a search they should find your prior question with the appropriate answer (that you found on your own).
0
 
LVL 30

Expert Comment

by:Marc Z
ID: 16888547
kenitech,
Thank you for helping the community.  That's what we are truly here for. But you do not need to use up your points to help others.

As giltjr said, you have posted your findings in the other post.  Follow the instructions here to request a refund.

http://www.experts-exchange.com/help.jsp#hi70
0
 
LVL 30

Expert Comment

by:Marc Z
ID: 17200312
I believe the original poster was actually giving the community a solution, not requesting help.

Do not Accept.  Refund Points.
0
 

Accepted Solution

by:
CetusMOD earned 0 total points
ID: 17231669
PAQed with points refunded (20)

CetusMOD
Community Support Moderator
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

813 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

11 Experts available now in Live!

Get 1:1 Help Now