タグ Tech de Go
人気順 5 users 50 users 100 users 500 users 1000 usersマージンの相殺について:CSS | Tech de Go
垂直方向のマージンの相殺(margin collapsing)についてです。特に難しいことはないですが、レイアウトする時は気にする必要があると思います。 マージンの相殺は、各ブラウザが実装しても、しなくてもいい仕様だそうです。ここで述べられている内容は、Firefox2, IE6, Opera9ではそのとおりになります。ただし、IE6では”haslayout”になると、マージンの相殺は起こらないよ... 続きを読む
フロートとネガティブマージンまとめ:CSS | Tech de Go
tableレイアウトをやってた人も計算してからコーディングしてたと思います。CSSのfloatを使用したレイアウトにしても、floatの挙動を正確に覚えれば、緻密な構成が可能になります。以下は私が覚えたときのフロートレイアウトの考え方のまとめです。 A.フロートの基本(フロートしたボックスとしないボックスの関係) 良くあるHTML構造でフロートしてみます。div#wrapperの中のp#conte... 続きを読む
最初に指定しておくと便利なCSS | Tech de Go
CSSのテンプレートを作成する際に、必ず入れていて便利だと思うものを紹介します。body要素に指定する事に関してはいろいろなところで語られているので、ここでは他のテーマなどのCSSを見ていて便利と思って取り入れているものなど。それ以外で私が始めに設定しておくHTMLタグとその設定です。 CSS @charset "utf-8"; body { margin: 0; padding: 0; back... 続きを読む