Max Design

CSS Bug hunting

Quantity: 102 SLIDES
File size: 242 KB

Have you ever created a CSS layout and then suddenly noticed that it doesn’t look right in one or more browsers? When this happens, you may need to do some CSS bug-hunting. But where do you begin?

This slideshow explains a step by step approach to solving CSS layout bugs. Along the way you will learn how to resolve CSS syntax issues, use “Inspect Element” functionality, and isolate the issues using a variety of methods.

All amounts are in AUD (Australian Dollars). An additional 10% GST charge applies to all purchases made from within Australia


  • Step 1. Finding CSS syntax errors
  • Common CSS syntax issues
  • Using the W3C CSS validator tool
  • Step 2. Targeting elements correctly
  • Understanding “Inspect element”
  • Step 3. Resolving selector weight issues
  • Understanding selector weight
  • Step 4. Isolate the issue to solve more easily
  • Step 5. Dealing with Internet Explorer
  • Writing IE-specific rules
Back to top

Contact us

To contact Max Design by email, please use the form below. We will try to answer your inquiry as quickly as possible.