CSS Fixed

by JS

Oh boy. After a couple of wasted hours of futzing I was finally able to fix the column width issue. All was not lost, as a basic understanding of CSS/HTML is a good thing to have in the toolkit these days. A few debugging tips:

  1. Use the Firebug Firefox extension.
  2. Look for the largest containing box with the issue.
  3. Modify IDs not Classes.
  4. Sometimes the obvious keyword is not the right keyword (e.g. max-width versus width).
  5. Change one thing at a time.
  6. Be sure to remember how to reverse any change.
  7. Ditch old IE workarounds on principle.