Page 1 of 1

[SOLVED] DOCTYPE reverses CSS behavior

Posted: Tue Nov 30, 2010 11:37 pm
by postiffm
Site: new.fellowshipbibleannarbor.org
CMS: 1.9.1

To fix my previous bug, I had to add the proper DOCTYPE to the top of my template.

Before doing so, a table in my left sidebar looked like this:
Image

I like the lines and highlighting of the title. Chrome reports on this this way:

background-color: #666;
border-bottom-color: white;
border-collapse: collapse;
border-left-color: white;
border-right-color: white;
border-top-color: white;
color: white;
display: block;

When I add just the following at the top of the template



then the same section of my site changed to this:
Image

without the lines and highlighting of the title. Chrome reports on the same :

background-color: transparent;
border-bottom-color: black;
border-collapse: collapse;
border-left-color: black;
border-right-color: black;
border-top-color: black;
display: block;

What am I missing here?

Re: DOCTYPE reverses CSS behavior

Posted: Tue Nov 30, 2010 11:45 pm
by Dr.CSS
Please check to make sure it's spelled correctly, CSS is case sensitive...

Re: DOCTYPE reverses CSS behavior

Posted: Tue Nov 30, 2010 11:56 pm
by postiffm
Unbelievable :) That was it.

Re: [SOLVED] DOCTYPE reverses CSS behavior

Posted: Wed Dec 01, 2010 12:02 am
by Dr.CSS
I know, I use Firefox with the Web Developers tool bar and can find all the CSS etc. and made the change in it to see it go back to what it was... ;)