CSS Troubleshooting in Six Easy Steps

 158 Reviews Add a review

Published May 2014

Useful techniques for debugging your CSS.

Have you ever built the perfect CSS layout - and then discovered it didn’t look right in one or more browsers? CSS Troubleshooting in Six Easy Steps is designed to help you solve that.

You’ll learn a range of techniques that you can use to debug just about any CSS issue, from syntax errors right through to dreaded Internet Explorer bugs. These aren’t just one-off tricks: they’re useful techniques that you’ll come back to time and time again.

Oh yeah, and the whole SitePoint library! Learn More.

What you'll learn

Understanding how to troubleshoot CSS issues is a vital skill for any web designer or front end developer in today’s web industry. The course covers:

  • Troubleshooting layout and code bugs using the tools built into your browser.
  • Selector weight, and the “specificity” of different CSS selectors.
  • Simple ways to track down syntax errors in your code.
  • Dealing with browser-specific rendering bugs — including the dreaded Internet Explorer!

  • Closed captions available
Meet your instructor
Russ Weakley

Russ is a world-renowned author, speaker and CSS expert. Russ has a detailed knowledge of Design and development. His expertise covers graphic design, interface design, site architecture and standards based development.

Lesson 1: Troubleshooting with the Browser
Tutorial 15:06
Course Resources
Lesson 2: Finding Syntax Errors
Tutorial 9:49
Lesson 3: Targeting Elements Correctly
Tutorial 4:48
Lesson 4: Selector Weight & Specificity
Tutorial 8:18
Lesson 5: Complex Problems
Tutorial 6:23
Lesson 6: Dealing with Older Versions of Internet Explorer
Tutorial 10:24

Leave a Review