CSS of iFramed page not being applied properly

Posted by Mike E. on Stack Overflow See other posts from Stack Overflow or by Mike E.
Published on 2010-06-07T14:45:08Z Indexed on 2010/06/07 18:52 UTC
Read the original article Hit count: 217

Filed under:
|
|

My company has purchased a third-party package with a built-in customer facing web portal, and I'm being tasked with integrating it into our site. Unfortunately, the web portal does not look great, and we have absolutely no control over how it looks (other than asking the vendor for changes - $$). In order to make it look somewhat like the rest of our site, I've stuck it in an iFrame (I'm not thrilled about this either) to put our logo and top navigation on it.

Please note, I am not attempting to manipulate the iframed page in any way.

Firefox handles this just fine, but in IE7 and IE8, not all of the CSS is being applied properly when the application's pages are displayed in the iFrame. Specifically, it should be applying a font-family of Arial to all TDs, but some text inside TDs are not being displayed as Arial.

Any ideas as to what is going on? This only happens when the pages are viewed inside the iFrame. Outside the iFrame, the CSS is applied as it should be. I'm guessing we're going to have to get our vendor to make some changes, but I'd love to know why the iFrame is impacting the page like this.

Thanks!

© Stack Overflow or respective owner

Related posts about html

Related posts about css