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)


No comments yet. You should be kind and add one!
By submitting a comment you grant The Nine Lives – Ian Cheung, Information Architect in Osaka, Japan a perpetual license to reproduce your words and name/web site in attribution. Inappropriate and irrelevant comments will be removed at an admin’s discretion. Your email is used for verification purposes only, it will never be shared.