I have wrapper ID declarations in my CSS and skin, as advised, to keep the CP properly separated.

However, one page needs 100% width, the rest need 980px width.

Am I absolutely required to declare and use separate IDs??

So far I have:

#wrapper
{
    background: #ffffff;
    margin: 0 auto;
    padding: 0;
    background-position: 17px 25px;
    background-repeat: no-repeat;
    background-image: url(img/logo.gif);
}

#wrapper_2col
{
    background: #ffffff; /* border: 1px dotted green; */
    margin: 0 auto;
    padding: 0;
    background-position: 17px 25px;
    background-repeat: no-repeat;
    background-image: url(img/logo.gif);
    width:980px;
}

One line difference!!

Isn't there a decent CSS way that I can modify so that wrapper is 980px when I want it to be 980px??

I tried declaring and applying a class to the ID, but that did not work, as well as declaring additional IDs and putting those into my skins...

Any suggestions??

If not, I have to write two sets of CSS, one for my index page, one for the other pages, which is not terribly efficient.

Thanks, Tom

How about this:


#wrapper, #wrapper_2col
{
    background: #ffffff;
    margin: 0 auto;
    padding: 0;
    background-position: 17px 25px;
    background-repeat: no-repeat;
    background-image: url(img/logo.gif);
}

#wrapper_2col
{
    width:980px;
}


So you group the 2 ids together and then override any changes you need afterwards for 2col

Hi Lee,
Thanks a lot for responding!!
This will work very well for what I need.
Thank you, Tom