paddingとmargin/Xcode4でcocos2dが動かない件

HTML5

paddingとmarginの二つの違いがいまいち理解できず、テキトーに決めてしまっていたのですが、すぐに忘れてしまいそうなので、少しメモ。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<title>divのvertical-alignテスト</title>
</head>
<style type="text/css">
.table_cell_1 {
vertical-align:top;
border: 3px red solid;
}

.table_cell_2 {
vertical-align:middle;
border: 3px blue solid;
padding:0px;
margin:10px;
}

.table_cell_3 {
vertical-align:bottom;
border: 3px green solid;
padding:10px;
margin:0px;
}

.table_cell_4 {
vertical-align:bottom;
border: 3px black solid;
padding:10px;
margin:10px;
}

</style>
<body>
<div class="table_cell_1">Default padding0px; margin:0px;</div>
<div class="table_cell_2">padding:0px; margin:10px;</div>
<div class="table_cell_3">padding:10px; margin:0px;</div>
<div class="table_cell_4">padding10px; margin:10px;</div>
</body>
</html>


参考

・paddingとマージンを線とか引いて見やすく解説

・CSS　margin（マージン）とpadding（パディング）の違い

Xcode4だとcocos2dが動かない！！

なんてこった。すこしいじってみようと思ったら、、環境設定からやり直しかorz