Thread: What are the "ctl01_" or "ctl100_" prefixes in the style.css for?

I had an issue converting from version 8 to version 9 and I could not get my logo to display in the top banner. Looking in the style.css file supplied with skin_1 I see this:

#ctl01_logo
{
float: left;
width: 210px;
height: 34px;
background: url(images/logo.gif) no-repeat center center;
margin-right: 10px;
display: block;
}

However I could not get my logo to display. In version 8 this class was just #logo. Then, someone from tech support asked me to add this instead:

#ctl00_logo /* This is the one that actually works, don't ask me why... */
{
float: left;
width: 210px;
height: 34px;
background: url(images/logo.gif) no-repeat center center;
margin-right: 10px;
display: block;
}

Can someone please explain the magic numbers in the prefix and just how one is to understand which to use? In the template.master it just refers to id="logo"

Thanks

The #clt## is the ID of the control on the page once it renders. You don't need that for most things, we just did that for the logo and a couple of other items.

But you guys never changed the CSS file to reflect this?

We did, yes, and should be reflected in the next.