Welcome to WebmasterWorld Guest from 54.144.57.183

Forum Moderators: incrediBILL

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:10101
votes: 550


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:2648
votes: 94


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:11074
votes: 106


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

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members