iFrame max - Post ID 234362

User 2686314 Photo


Registered User
25 posts

I have a problem with my HTML code edit post export... I want the iframe to fill the conatiner... I have it working in one file, and not another, and cant find what i did wrong. Im reluctant to post the file, Im under contract and... has anyone else come across this kind of issue?
“We are Achaians coming from Troy, beaten off our true course by winds from every direction across the great gulf of the open sea, making for home, by the wrong way, on the wrong courses. So we have come. So it has pleased Zeus to arrange it.”’
User 187934 Photo


Senior Advisor
20,181 posts

Hi Visioneer,
Can you post a link to the page?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2686314 Photo


Registered User
25 posts

No, I dont have it up yet.
essentially here is my html block in question

<div class="container conatinerViewport0">

<div class="myFrame">
<img class="ratio" src="img/ratio_0.png"/>
<iframe src="about.html" frameborder="0" allowfullscreen="">
</iframe>

</div>

css

.myFrame {
position:relative;
padding-bottom: 43%;
height: 0;
overflow: hidden;
}

.myFrame .ratio{
display:block;
width:100%;
height:auto;
}

iframe, object, embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-width: 100%;
}

I would expect the iframe to fill the container, which it has in another file, but I cant reproduce it. not sure what i have done...screen shot
Attachments:
“We are Achaians coming from Troy, beaten off our true course by winds from every direction across the great gulf of the open sea, making for home, by the wrong way, on the wrong courses. So we have come. So it has pleased Zeus to arrange it.”’
User 2686314 Photo


Registered User
25 posts

sorry copy/paste issues

html

<div class="container conatinerViewport0">

<div class="myFrame">
<img class="ratio" src="img/ratio_0.png"/>
<iframe src="about.html" frameborder="0" allowfullscreen="">
</iframe>

</div>
</div>
“We are Achaians coming from Troy, beaten off our true course by winds from every direction across the great gulf of the open sea, making for home, by the wrong way, on the wrong courses. So we have come. So it has pleased Zeus to arrange it.”’
User 2686314 Photo


Registered User
25 posts

here is a pic of the same code working in another file....
Attachments:
“We are Achaians coming from Troy, beaten off our true course by winds from every direction across the great gulf of the open sea, making for home, by the wrong way, on the wrong courses. So we have come. So it has pleased Zeus to arrange it.”’
User 187934 Photo


Senior Advisor
20,181 posts

I would only be guessing at this point but if you have some code that works and some that doesn't then it's probably what's different about them that is causing the issue. So maybe what's in the iframe. A link would make it easier.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2686314 Photo


Registered User
25 posts

ok... working in it...
“We are Achaians coming from Troy, beaten off our true course by winds from every direction across the great gulf of the open sea, making for home, by the wrong way, on the wrong courses. So we have come. So it has pleased Zeus to arrange it.”’
User 2686314 Photo


Registered User
25 posts

www.my3iarts.com

I would like to put up the version that works too, but I dont know how to move back to my <x>.coffeecup.com domain....
“We are Achaians coming from Troy, beaten off our true course by winds from every direction across the great gulf of the open sea, making for home, by the wrong way, on the wrong courses. So we have come. So it has pleased Zeus to arrange it.”’
User 187934 Photo


Senior Advisor
20,181 posts

Try this.
<iframe width="100%" height="200" style="border:none; background:transparent; overflow:hidden;" src="about.html">
</iframe>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2686314 Photo


Registered User
25 posts

OMG!!! ARE YOU SINGLE!??! :lol::P:/;):o:D:)
“We are Achaians coming from Troy, beaten off our true course by winds from every direction across the great gulf of the open sea, making for home, by the wrong way, on the wrong courses. So we have come. So it has pleased Zeus to arrange it.”’

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.