Ellen Heitman wrote:

> Anyone have an idea as to what's going on here?
> http://www.williamtobrien.com/airraids.html
> http://www.williamtobrien.com/letters_leaving.html
>
> If you view these pages in Safari and Firefox, you'll see what they
> should look like. However, the iframes are all wrong in IE.

Not all wrong, just the background is missing. And if you open the iframed 
document, i.e. http://www.williamtobrien.com/raidstable.html , in Firefox, 
you'll see the same phenomenon. Using Web Developer Extension, you can 
quickly check that adding
body { background: url(images/brownbkgd3.jpg); }
into the page's style sheet removes the problem.

On the iframing page, you set that background on the #raidswrapper element, 
which is the container of the iframe element. So apparently on Firefox and 
Safari, the iframed document has transparent background, letting the hosting 
document's background shine through, whereas on Internet Explorer, the 
default background is something else, like white.

I don't think you can rely on the hosting element's background. Instead, you 
need to set the desired backgrounds in the iframed element itself. After 
all, it's a basic feature of iframe rendering (with some odd deviations on 
some browsers) that an iframed element is rendered autonomously, with its 
own CSS rules etc., while the iframing document only provides a box for that 
rendering.

-- 
Yucca, http://www.cs.tut.fi/~jkorpela/ 

______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to