Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

Firefox iframe 100% - solution

Posted on 2006-06-10
8
Medium Priority
?
1,026 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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
Looking for a new Web Host?

Lunarpages' assortment of hosting products and solutions ensure a perfect fit for anyone looking to get their vision or products to market. Our award winning customer support and 30-day money back guarantee show the pride we take in being the industry's premier MSP.

 
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

Looking for a new Web Host?

Lunarpages' assortment of hosting products and solutions ensure a perfect fit for anyone looking to get their vision or products to market. Our award winning customer support and 30-day money back guarantee show the pride we take in being the industry's premier MSP.

Question has a verified solution.

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

CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
Ready to get certified? Check out some courses that help you prepare for third-party exams.
This video teaches users how to migrate an existing Wordpress website to a new domain.
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).
Suggested Courses

618 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