In need of some box lessons? Not to worry, this has nothing to do with Boxing. In fact, this is not physical in anyway. The box lessons discussed here are with CSS boxes. When you are first learning CSS, this can prove to be a bit tricky until you begin to get a handle on it.

Not to worry, this tutorial will walk you through the bumpy spots till you feel right at home with this whole thing. Once this becomes second nature for you, creating really cool CSS boxes with all sorts of cool designs will as naturally as eating! ;o)

This is a Problem & Workaround Set for a series of CSS Boxes going from a simple single box, through 3 columns with a full width top box, all with variations. There are also some relevant content placement issues that affect box positioning, a little gem of a bg image problem or two, and my own explanation of what it’s all about. What this isn’t, is a how-to for CSS layout. This is a how-to for dealing with the misinterpretations of our current browsers. If you’re new to CSS, this is a better place to start. To which I add a little rant on how to approach designing your CSS, and a word about writing valid code.