Noframes version of page with overriding css stylesheets

Hi all.

I want to create a noframes version of a certain page (not written by
me),
that has three frames, each loading a page with few external
stylesheets.
If I copy the content of each framed page into a div on the noframes
page,
and put all the external links to stylesheets in the head, different
styles
override each other and the page looks like a mess.

So my question is:
Is there a way to create a noframes version of a page,
which will look exactly the same as the original, but with all
the content from different frames, each in separate correctly
positioned div,
and the correct style information from the external stylesheets
applied only to that div, and not to the whole page.
For example, if two different framed pages have stylesheets each
defining different body backgroung, I want each div with the content
of a corresponding page to have the correct background.

Hope that I explained myself well.

Thank you all very much for help.

Anna

On 12 Oct 2004 08:04:21 -0700, Anna <anna (AT) ubaccess (DOT) com> wrote:

Hi all.

I want to create a noframes version of a certain page (not written by
me),
that has three frames, each loading a page with few external
stylesheets.

Excellent decision.

If I copy the content of each framed page into a div on the noframes
page,
and put all the external links to stylesheets in the head, different
styles
override each other and the page looks like a mess.

You'll have to sort that out. I'd do the following:

1) Wrap each section in a div with an id.
2) Edit each of the three stylesheets so that, say, h2 {font: 120%
Helvetica, Arial, sans-serif;} becomes #menu h2 {font: 120% Helvetica,
Arial, sans-serif;}
3) References to the body element which do not apply to the whole page
need to be changed to refer to the id. So body {font-size: 100%} becomes
#header {font-size: 100%}
4) Be sure, though, to extract any styles which truly do apply to the
whole page and don't state them three times with three ids, just state
them normally. If something applies to two sections but not all, #menu h3,
#header h3 {font: 110% Helvetica, Arial, sans-serif;} works fine.

Thank you Neal.
This really helped.

Anna

Neal <neal413 (AT) yahoo (DOT) com> wrote

On 12 Oct 2004 08:04:21 -0700, Anna <anna (AT) ubaccess (DOT) com> wrote:

Hi all.

I want to create a noframes version of a certain page (not written by
me),
that has three frames, each loading a page with few external
stylesheets.

Excellent decision.

If I copy the content of each framed page into a div on the noframes
page,
and put all the external links to stylesheets in the head, different
styles
override each other and the page looks like a mess.

You'll have to sort that out. I'd do the following:

1) Wrap each section in a div with an id.
2) Edit each of the three stylesheets so that, say, h2 {font: 120%
Helvetica, Arial, sans-serif;} becomes #menu h2 {font: 120% Helvetica,
Arial, sans-serif;}
3) References to the body element which do not apply to the whole page
need to be changed to refer to the id. So body {font-size: 100%} becomes
#header {font-size: 100%}
4) Be sure, though, to extract any styles which truly do apply to the
whole page and don't state them three times with three ids, just state
them normally. If something applies to two sections but not all, #menu h3,
#header h3 {font: 110% Helvetica, Arial, sans-serif;} works fine.