Problem with absolute positioning div over SWF and IE 8.

Posted by Michael S. Kelly on Stack Overflow See other posts from Stack Overflow or by Michael S. Kelly
Published on 2010-04-23T19:20:21Z Indexed on 2010/04/23 19:23 UTC
Read the original article Hit count: 260

Filed under:

ie8

|

absolute-positioning

I'm attempting to use the old IFrame-over-SWF trick to get HTML to display "inside" a SWF. I'm following the example provided by Brian Deitte at: http://www.deitte.com/IFrameDemo3/IFrameDemo.html. (The source code can be viewed and downloaded by right-clicking on the SWF and selecting "View Source".)

In the latest versions of Firefox, Google, Opera, and Safari on the Mac, it all looks good. But in IE 8 the absolutely positioned div containing the IFrame is positioned too far up and left, and the height and width are considerably smaller.

Thoughts?

© Stack Overflow or respective owner

Related posts about ie8

Debugging UI Problems in IE8 (Was IE8 on Windows 7 Authentication Mess)

as seen on Server Fault - Search for 'Server Fault'
UPDATE: I think the real question I need to ask here is: how does a technician debug UI problems with Internet Explorer, and not HTML rendering issues that have pretty good tools? I am aware of the SysInternals tools and others mentioned below, but maybe I am not harnessing their power properly.… >>> More
Debugging UI Problems in IE8 (Was IE8 on Windows 7 Authentication Mess)

as seen on Server Fault - Search for 'Server Fault'
UPDATE: I think the real question I need to ask here is: how does a technician debug UI problems with Internet Explorer, and not HTML rendering issues that have pretty good tools? I am aware of the SysInternals tools and others mentioned below, but maybe I am not harnessing their power properly.… >>> More
Force Browser Mode=IE8 and document mode=IE8 Standards

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a internal website hosted on IIS. I added the following meta code and also add http-header that the page should in IE8 Browser mode and document mode. <meta http-equiv="X-UA-Compatible" content="IE=8" > We tested it on Visual Studio and and it works very well. However, after we publish… >>> More
Show EPS file in IE8 with standards modes set to IE8

as seen on Stack Overflow - Search for 'Stack Overflow'
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"> With this set my EPS files are not rendered in ABCpdf, but set to EmulateIE7 and they work fine. I know EPS aren't a standard web format but they are embedded into a PDF using a bit of ABCpdf magic. Because IE8 isn't even trying… >>> More
JQuery UI sortable is slow in IE8, but works good in IE7 and IE8 compatible mode

as seen on Stack Overflow - Search for 'Stack Overflow'
JQuery UI sortable (including demos) are slow in all IE8 I can test, but runs smoothly in IE7 and IE8 compatible mode. The more complex is a markup on the page, the more IE8 is slowing down (that's I can understand, the DOM tree became more complex). I'm using JQuery 1.3.2 and JQuery UI 1.7.2 (tested… >>> More

Related posts about absolute-positioning

Javscript: creating div with absolute positioning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Just wondering if there's a way to position a div with absolute so that it ignores EVERYTHING else, if my site clears floats it seems divs that are created with javascript and absolute positioning are still effected by it, is there any way to make them ignore EVERYTHING else and go exactly where… >>> More
Div positioning problem related to Relative and Absolute positioning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello everyone. The problem I am running into is related to a footer I have absolutely positioned at the bottom of the page. Everything is fine until the copy on the page begins to extend further down the page which then causes my content wells to extend down, behind, the footer. Is there anyway… >>> More
IE7 relative/absolute positioning bug with dynamically modified page content

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, I was wondering if there's anyone having an idea how to tackle with the following problem in IE7: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> … >>> More
Making an svg image object clickable with onclick, avoiding absolute positioning

as seen on Stack Overflow - Search for 'Stack Overflow'
I have tried to change the images on my site from to svg, changing img tags to embed and object tags(standard procedure, i think). But, implementing the onclick function, which previously was contained in the img tag is proving most difficult. I found onclick had no effect when placed inside the… >>> More
IE and absolute positioning divs

as seen on Stack Overflow - Search for 'Stack Overflow'
This problem is only in IE. Consider the following HTML: <html> <body> <div style='position:absolute;left:1em;right:1em;top:1em;bottom:1em;overflow:auto;'> Put more than a full screen of text in here. It should create a scroll inside the div. In IE, it stretches the div out… >>> More