iframe being modified by tabber

[lupacexi]

Hello all,

Got a problem with an iframe I'm loading from a remote domain.

If I load that iframe onto a page outside of a tabbed section the iframe displays correctly.

However, if I load the same iframe inside a tabbed content section the iframe seems to get modified (looks like CSS modifications causing columns to resize and frame to reposition).

Is there a way to either;

a) prevent the iframe from being modified by the tabber.

OR

b) modify the iframe (seen lets of conflicting comments that it can and can't be done - meebo had some hacks for this I think ?) using some JS to ensure it displays correctly.

Apologies if this is in the wrong forum section as I was not sure if this was a pure HTML issue or more JS so I started here. Feel free to move to a more appropriate location if necessary.

Thanks in anticipation for your advice

[keyplyr]

Hello lupacexi and welcome to WebmasterWorld [webmasterworld.com]

So you may be correct, it could be a CSS element cascading down and modifying how the iframe displays. That's the place to look, in your CSS outline.

Try either moving the iframe to outside any CSS elements, or creating a new CSS element specifically for that iframe to control how it displays.

[londrum]

it can only be CSS for the <iframe> itself, because what's inside the iframe will have it's own CSS.
i would try something like this first:
<iframe style="width: ?px !important; height: ?px !important; margin: 0 !important; padding: 0 !important; border: none !important">

[phranque]

Any of the browser developer tools should be sufficient to show you the cascade of styles.