Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 845
  • Last Modified:

XHTML Doctype breaks css

I have a website, funtasticbids.com.  I'm trying to get it xhtml1.1 strict compliant.  I've run it through the w3c validator and it validates perfect.  The CSS also validates perfect.

When I include the doctype declaration, some of the css works, but some of it doesn't.  The css that doesn't work, is basically copy/pasted from the part that does work.

I realize that things may not be breaking, that it's most likely that I'm doing something wrong, but I've tried searching online for a solution and can't find anything.

I have a "development trigger" on the website that lets me make changes without affecting what other people see.

The website should look like what you see at www.funtasticbids.com (there is a placement issue with one of the elements in Opera, Chrome, and Safari but disregard that).
The version with the Doctype included is at www.funtasticbids.com/index.php?dev=true

Any advise would be helpful. :-)

I have also uploaded jpgs of how things look and should look.
Tony O'Byrne
Tony O'Byrne
1 Solution
David S.Commented:
Class  names are case-sensitive. You assigned a <div> to the class "sideBar" but your stylesheet only contains rules for the "sidebar" class.

Why are you using the XHTML 1.0 Transitional doctype then?  It's better to use the XHTML 1.0 Strict doctype. (When used correctly, XHTML 1.1 is not compatible with IE.)
Tony O'ByrneSenior Web DeveloperAuthor Commented:
Hahahahahahahahahahah!  I can't believe I didn't see that!

Thanks for your help. :)  After making that one change, it pretty much fully fixed the issue.  There's still colors I need to work out, but now that I've gotten the general style fixed, it shouldn't be a problem.

I put the Transitional doctype in there to see if it had anything to do with the "strictness".  I just forgot to change it back.

I'll keep your XHTML 1.1 suggestion in mind also.  Thanks for your help Kravimir!

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now