For Rie’s Web Design class I helped set up some forums. Some members are only starting out with CSS so I thought I would translate Jon Hick’s Diagram of the CSS Box Model Hierarchy for them. It was an incredibly helpful diagram and along with the interactive version by Douglas Livingstone helped me to understand the Box Model. Jon provided an editable Illustrator file under a Creative Commons license so most of the work was done. He was also very helpful with the minor question about an edit. Thanks Jon! Thanks also to Rie who translated the terms.

So if you are looking for the file, it is here as a gif, and here as an Illustrator file (also licensed under a Creative Commons license)

Posted on October 4th, 2005 by Ian Cheung
Filed under: Japanese, Web Dev/IA