iframe variable height not working

i just cant get my iframe to varry dependant upon the source.

    <iframe name="myframe" width="100%" height="100%" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no" overflow="visible"  src="/includes/iframes/jewellery_00.php"></iframe>

i think instaead of showing the whole frame ie 100% its showingonly as 100px... any ideas why??
<p><a target="myframe" href="/includes/iframes/jewellery_00.php">IFRAME ONE</a>
        <br/>
        <a target="myframe" href="/includes/iframes/jewellery_01.php">IFRAME TWO</a>
        <br/>
        <!-- DEFAULT IS IFRAME ONE -->
    </p>
    <iframe name="myframe" width="100%" height="100%" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no" overflow="visible"  src="/includes/iframes/jewellery_00.php"></iframe>

Open in new window

ilike-centreAsked:
Who is Participating?
 
Chad HaneyChief Technology OfficerCommented:
Just tested with this and it worked.
<html>
<head>
<style type="text/css">
html, body, .myframe{
width:100%;
height:100%;
padding:0px;
margin:0px;
}
 
</style>
</head>
<body>
<iframe class="myframe" src="http://www.google.com"></iframe>
</body>
</html>

Open in new window

0
 
BadotzCommented:
100% of what? Set the width/height of the <body> tag and see if that helps (you get 100% of something that way).
0
 
Chad HaneyChief Technology OfficerCommented:
The way you are setting it will only allow pixels.  You need to utilize css on an iFrame in order to be able to use 100%.


<style type="text/css">
html, body, .myframe{
width:100%;
height:100%;
}
</style>
 
<p><a target="myframe" href="/includes/iframes/jewellery_00.php">IFRAME ONE</a>
        <br/>
        <a target="myframe" href="/includes/iframes/jewellery_01.php">IFRAME TWO</a>
        <br/>
        <!-- DEFAULT IS IFRAME ONE -->
    </p>
    <iframe name="myframe" class="myframe" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no" overflow="visible"  src="/includes/iframes/jewellery_00.php"></iframe>

Open in new window

0
Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

 
ilike-centreAuthor Commented:
this didnt work :-(
0
 
ilike-centreAuthor Commented:
ok, cool.
i'll try that tomorrow evening.
FYI if you have a look at my website http://www.ilike-centre.com/jewellery00.php you'll see that the iframe is part of a much larger php code.

i see that your creating a css - i tried that kinda. i created a style sheet called myframe. at set those attributes. the firstly added a class to the iframe = didnt work, then a style to the iframe = didnt work, then a <p style....> to the iframe = didnt work.
But i shall give it try with your method, i probably missed something.

Have a look at my website you'll see what i mean.
thank you for your help. i am really struggling to work this out.... i have no idea why all the litreature i am reading say all i need to do is give the iframe a height in either a % or px andthats it. but when i do it... it doesn work.
0
 
BadotzCommented:
An <iframe> is a really a separate window. As such, you cannot reliably style it from the outside. But you *can* include CSS within the content of the <iframe> window, and perhaps this is part of the problem you are having..
0
 
ilike-centreAuthor Commented:
thank you
0
 
paogiverCommented:
<html>
<head>
<style type="text/css">
html, body, .myframe{
width:100%;
height:100%;
padding:0px;
margin:0px;
}
</style>

</head>

<body>
<iframe class="myframe" src="index.html" frameborder="0" scrolling="no"></iframe>
<iframe class="myframe" src="about.html" frameborder="0" scrolling="no"></iframe>
</body>
</html>

when i tried adding two iframe, it wont work, the first one didnt show fully
0
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.

All Courses

From novice to tech pro — start learning today.