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?

Hi Visioneer,
Can you post a link to the page?

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

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>

here is a pic of the same code working in another file....

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.

ok... working in it...

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....

Try this.

OMG!!! ARE YOU SINGLE!??!