CSS Rules Of Thumb

A few rules that recent CSS work has provided:

  1. If what you think you’re saying works in IE but not Firefox or Opera, you’re saying it wrong.
  2. Cascading is tricky, and will likely invoke rule 1 at some point.
  3. CSS Hacks are bound by rule 1.

Bear them in mind.

  1. Chris Miller’s avatar

    I have also often found this, that is why my site will not display properly in IE. I’m proud to say it!

    In fact if your site does display properly in IE then you are likely to be in league with Lucifer himself.

  2. Matt Gemmell’s avatar

    IE6 seems to render my site reasonably well, except for the PNG alpha craptasticness. Oh, and the way it calculates the height of the masthead differently. And the way it doesn’t show the margin at the bottom of the page.

    So, actually, fair point.

  3. Gary Fleming’s avatar

    It calculates the masthead differently most likely because of its broken box model, where it calculates borders incorrectly. There is a rather elegant hack for this, if you’re interested, which I make reasonable use of in the upcoming redesign.

Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>