[CSS]ネガティブマージンの理解を深め、活用するテクニック集
スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニック集 4. ネガティブマージンのバグフィックス 5. 終わりに 1. ネガティブマージンの理解 スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちもいます。 ネガティブマージンをは、例えばこういうのです。
ネガティブマージンをIE6.0でも使う
HTMLの構造（ソース）を、サイトを通じて考えるときに、 できるだけ同じ構造にしておくと、 修正や更新の時にも、わかりやすくスムースに作業ができるので、 ナイスなのですが、レイアウトの状態によっては、 どうしても、構造を変えなくてはならないケースが出てきます。 例えば、 トップページのタイトル画像だけ、めいっぱい大きくして目立たせたいけれど、 HTMLの構造はサイト全体で同じにしたい。 というケースがあるとして、 レイアウト領域が横幅最大950px、 左側に横幅230pxのサイドバー、 右側は横幅700pxのコンテンツスペース、 とします。 さらに、 ページのタイトル画像をコンテンツスペースに入れる HTMLの構造にした場合、 トップページのみ、 タイトル画像を横幅950pxいっぱいに広げようと思っても、 通常では、左右分割で使う、 float: left; と、float: right;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
