マージンの相殺について：CSS | Tech de Go

2007/05/22 409 users マージン 相殺 CSS 垂直方向 とおり

垂直方向のマージンの相殺(margin collapsing)についてです。特に難しいことはないですが、レイアウトする時は気にする必要があると思います。 マージンの相殺は、各ブラウザが実装しても、しなくてもいい仕様だそうです。ここで述べられている内容は、Firefox2, IE6, Opera9ではそのとおりになります。ただし、IE6では”haslayout”になると、マージンの相殺は起こらないよ... 続きを読む

フロートとネガティブマージンまとめ:CSS | Tech de Go

2007/05/20 649 users フロート float CSS 挙動 HTML構造

tableレイアウトをやってた人も計算してからコーディングしてたと思います。CSSのfloatを使用したレイアウトにしても、floatの挙動を正確に覚えれば、緻密な構成が可能になります。以下は私が覚えたときのフロートレイアウトの考え方のまとめです。 A.フロートの基本（フロートしたボックスとしないボックスの関係） 良くあるHTML構造でフロートしてみます。div#wrapperの中のp#conte... 続きを読む

最初に指定しておくと便利なCSS | Tech de Go

2007/03/11 751 users CSS 最初 charset padding margin

CSSのテンプレートを作成する際に、必ず入れていて便利だと思うものを紹介します。body要素に指定する事に関してはいろいろなところで語られているので、ここでは他のテーマなどのCSSを見ていて便利と思って取り入れているものなど。それ以外で私が始めに設定しておくHTMLタグとその設定です。 CSS @charset "utf-8"; body { margin: 0; padding: 0; back... 続きを読む