Complacency with CSS?

Published 28 July 04 by Justin French, 1 comments

During the design and development of this very website I encountered two CSS rendering bugs (one in IE(Internet Explorer), one in the Mozilla family) that I’ve absolutely never seen before.

One was IE’s Doubled Float-Margin, and the other was probably Mozilla’s Clearing Bug.

In the space of 10 minutes, everything I thought I knew about floats turned to dust, and I was left tweaking style sheets and refreshing browsers to no avail.

Position is Everything and Google were really helpful in identifying the problems and solutions, but that’s not the point.

Testing on as many browsers as you can find is a crucial part of every CSS layout you ever produce – even the simple ones. There are far too many browser quirks for any of us to claim “we’ve seen it all before”.

Test early, test often, and never assume that what you did last week will work today under different circumstances.