Two things.
You can shorten your three background declarations into one (depending on
the browsers you are trying to target):
background: #eee url(xxx.gif) repeat-y;
And you can place a unique id in the body element and then use this id to
change colours on individual pages without having to change container names.
Can be done with a descendant selector like this:
HTML
<body id="meetings">
CSS
#meetings #container { background-color: #ddd; }
Or
HTML
<body id="events">
CSS
#event #container { background-color: #333; }
Etc
Russ
> and so on. I will then specify which particular container in the
> mark-up.This will make for a rather lengthy stylesheet so was wondering
> if there is an abbreviated way of doing this.
>
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
