> My question is whether it is possible to turn this example into an
> external style sheet with the header, footer and left column content
> there and then just have each separate page's content (for the right
> column) in an html page that uses that external style sheet.
> I can't seem to make it work and am not sure if it's possible, or if
> I just haven't got it working right, or if I have some kind of major
> conceptual problem and this is just totally the wrong way to go about this.
I think you're getting confused about the role of style sheets versus
page content. Style sheets serve as a single global source for the
styles of your page elements. By putting styles in an external style
sheet, they can be modified once and the changes will be applied to all
pages that use those styles. Structural elements like headers, footers,
nav bars etc. have to be listed in every page unless you use something
like server side includes (SSI), which is outside the scope of this
list. Content Management Systems (CMS) also help with this and are also
out of scope for this list.
> So is this a good way to go about this task, or is there some other
> way to use css to have multiple pages all with the same navbar
> (without duplicating it in each page)?
The structure has to be repeated in every page. The styles for the nav
bar are defined once in an external style sheet and that sheet is linked
to every page in the page head element.
If you don't have a large system, you can create a template page that
has the page structure in it and replicate that page for all the pages
in your site. Then you just modify the content in the right column for
> Thanks for any suggestions.
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/