スタイルシートをめぐる冒険: マージンを使ってdtとddを横並びにするとdtが消える
定義リストで、dtとddを横並びにしたいとき、ddのマージンの調整でそれを実現するやり方は私がよく使うテクニックなのだが、あるとき、IE7で見たらdtがすっかり消えていて、あわてたことがある。原因は、またしても、その定義リストを含むボックスへの背景画像の指定だった。 [該当するブラウザ] Windows／IE7.0以下 症状 たとえば、年表のようなリストを角マルの矩形で囲むレイアウトを組んだとする（右図）。 角マル矩形は、 frame_top.gif（トップの部分）、 frame_bg.gif（中間部分）、 frame_btm.gif（ボトムの部分）、 以上3つの画像を、dlおよびdlを含むボックスに背景として指定することで実現している。詳細は以下の通りである（→サンプルページ1）。 【スタイルシート】 body { margin: 10px; padding: 0; } .box { w
clearは「floatの解除」ではない:てんぽ
コメント（1件） -:承認待ちコメント このコメントは管理者の承認待ちです 2013年02月20日（水）13:47:58 コメントの投稿 名前 件名 メール URL コメント コメントを編集・削除するにはパスワードの入力が必要です。 編集・削除用パスワード 非公開コメント 管理者にだけ表示を許可する トラックバック（3件） http://mb.blog7.fc2.com/tb.php/62-551cfb2b floatとclearの関係 昨日、「mixi」のコミュニティで見つけたサイト。 clearは「floatの解... 2006年03月27日（月）16:57:24 from ddy-w::blog フロート解除と上マージンは一緒に指定しない！ フロート解除を指定した要素に、上マージンを指定しても、 上マージンが利かない(;´Д`)ノ。 -------------------------
XHTML+CSSでの効率的な制作をおこなう上でのポイント Part3 | F+R (FplusR)
XHTML+CSSでのWeb制作は以前よりは普及してきたといえるが、まだまだノウハウを持っている人は足りないのは現状です。よくWeb制作関連のセミナーとかに出ると、「XHTML+CSSでサイト構築ができる人材がいない」とよく聞きます。 そこで、XHTML+CSSでの効率的な制作をおこなう上でのポイントを何回かに分けて書いていきたいと思います。今回はPart3です。CSS編のPart 2です。うそみたいな話が多いですが、すべて実話ですので世の中怖いです。 マージンの方向は原則的に下と左右に統一する フロートも絶対配置もされていないブロックの場合、マージンは相殺します（参考：「マージンの相殺 - CSS Dencitie」）。見出しや段落、リストなどレイアウトブロック内での要素のマージンは原則的に下と左右に設定するように統一しましょう。 上マージンを使うのは原則としてブロック内の最初の要素だ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe - CS5.5 Master Collection