.... specified in the css file.
Here's the code from the index file which contains the inline frame
<p id="content"><iframe src=http://www.webdeveloper.com/forum/archive/index.php/"march2005.htm" width="650" height="300"></iframe></p>
and here's the html and css for the acutal frame file
<body class="other">
<p>NEWS MARCH 2005</p>
</body>
body.other
{
background-image: url(/pictures/background.jpg);
background-position: center center;
background-attachment: fixed
}
When I view the file on its own it works fine (the background that is) but unfortunately as soon as I put it into the inline frame it just doesn't show the background or the css formatting
EDIT: no wait, not even the march2005.htm is showing the background now.Got link?If the CSS is imported in the document that contains the iframe, the styles won't apply to the document loaded in the iframe. You'll probably have to import another style sheet to the document embedded in the iframe. Another possibility is to change the CSS in your original document to:
#content iframe .other {
/* Styles here */
}
Just know that any document loaded in a iframe is its own entity. The CSS from the parent document, the one in which the iframe is embedded, should not be able to change the styles of the document loaded into the iframe. I believe that's how it works.
Here's the code from the index file which contains the inline frame
<p id="content"><iframe src=http://www.webdeveloper.com/forum/archive/index.php/"march2005.htm" width="650" height="300"></iframe></p>
and here's the html and css for the acutal frame file
<body class="other">
<p>NEWS MARCH 2005</p>
</body>
body.other
{
background-image: url(/pictures/background.jpg);
background-position: center center;
background-attachment: fixed
}
When I view the file on its own it works fine (the background that is) but unfortunately as soon as I put it into the inline frame it just doesn't show the background or the css formatting
EDIT: no wait, not even the march2005.htm is showing the background now.Got link?If the CSS is imported in the document that contains the iframe, the styles won't apply to the document loaded in the iframe. You'll probably have to import another style sheet to the document embedded in the iframe. Another possibility is to change the CSS in your original document to:
#content iframe .other {
/* Styles here */
}
Just know that any document loaded in a iframe is its own entity. The CSS from the parent document, the one in which the iframe is embedded, should not be able to change the styles of the document loaded into the iframe. I believe that's how it works.