CSS Style not working for iframe HTML files...

[FantasyRealms]

I have a main index.html page, which uses a linked CSS file to give styles to the index page itself. I wanted to create a scrollable, change-able center frame, so I used IFRAME. On the index.html page, I was able to get all the CSS styles working and everything positioned perfectly.

When I created a page for the IFRAME (ie. content.html), CSS only worked if I previewed that specific page. If I preview the index.html page, all content in the IFRAME no longer has any styles (it just reverts to a white background with black text).

If I insert the CSS code directly (through <style>) on "content.html," the web page will work completely. Of course, I want to be able to link the CSS code for the IFRAME so I can change just the one CSS file, instead of going through each sub-page and adding/changing the code.

Any help would be appreciated...

[kwvarga]

have the CSS file that works use classes like

[code:1:b7d84a2b2c]<style>
DIV.iframe {
background-color: #000000;
}
</style>[/code:1:b7d84a2b2c]

and inside the iframe have stuff like
[code:1:b7d84a2b2c]<div class="iframe">iframe content</div>[/code:1:b7d84a2b2c]

[niceguyeddie]

why not use the overflow element instead of an iframe?

[FantasyRealms]

I'm new to CSS. Would the overflow element allow me to (for instance)... click on a menu link and have it just reload the center part (where the IFRAME would be)? Every time someone clicks a link on my page, I don't want the whole page to refresh, just the center area.

[FantasyRealms]

I realized that I had correctly coded everything. It was the way Adobe GoLive previewed the pages (with its internal preview and when it opened IE). Once I uploaded everything to the FTP, it all works. Thank you for your help...