Welcome to WebmasterWorld Guest from 54.236.180.104

Forum Moderators: open

Message Too Old, No Replies

iframe being modified by tabber

     
6:22 pm on Oct 23, 2017 (gmt 0)

New User

joined:Oct 23, 2017
posts:1
votes: 0


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
7:36 pm on Oct 23, 2017 (gmt 0)

Moderator from US 

WebmasterWorld Administrator keyplyr is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Sept 26, 2001
posts:12913
votes: 891


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.
7:47 pm on Oct 23, 2017 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Feb 12, 2006
posts:2706
votes: 116


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">
8:36 pm on Oct 23, 2017 (gmt 0)

Administrator

WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Aug 10, 2004
posts:11468
votes: 174


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