タグ

2009年6月8日のブックマーク (5件)

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

    ommr29
    ommr29 2009/06/08
    【CSS】 ネガティブマージンとフロート
  • floatは「回り込み」ではない:てんぽ

    てんぽ: floatは「回り込み」ではない CSSHTML、FC2ブログのカスタマイズ、共有テンプレートなど 「CSSのfloatプロパティは『回り込み』させるものである」とよく説明されますが、それは特定条件下での表示結果がそのように見えるだけであって、あまり正確ではありません。 「回り込み」という表現はfloatを使いこなすうえで、語弊になっていると思います。 floatとは、通常の流れ(normal flow)から取り除き、左(または右)に寄せるです。 floatは「回り込み」ではない <p> <img src="xxx.jpg" alt="floating image"> 「回り込む」テキスト </p> このときimg要素を左にフロートさせた(float:left)なら、後続するテキストはimgの右側に「回り込み」ます。 これは確かに回り込みと呼べます。 では、ブロックレベル要素を

    ommr29
    ommr29 2009/06/08
  • 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 フロート解除と上マージンは一緒に指定しない! フロート解除を指定した要素に、上マージンを指定しても、 上マージンが利かない(;´Д`)ノ。 -------------------------

    ommr29
    ommr29 2009/06/08
  • IEでのCSSのバグを回避するhasLayout | コリス

    IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSのバグを回避するhasLayoutの値 CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutの参考ページ hasLayoutとは hasLayoutとは、オブジェクトがレイアウトを持っているかどうかを示すものです。 hasLayoutの値はread-onlyのため読み込みのみ可能で、falseとtrueがあります。 hasLayoutの値(read-only) false デフォルト値。 オブジェクトがレイアウトを持っていない。 true オブジェクトがレイアウトを持っている。 IEでのCSSのバ

    ommr29
    ommr29 2009/06/08
  • 優先順位と上書きルール/CSS Tips/2Step CSS - リアルタイムCSSレイアウト講座 -

    CSSファイルには複数のCSSの定義を書き込みますが、それらには全て効果が適用される優先順位があり、 優先順位によって、先に定義された記述を上書きすることが出来ます。 レイアウトを行う上で必ず必要になってくるので、きちんと身に付けてください。 ■記述順による優先順位と上書き CSSの記述では、先に記述したものから、HTMLファイルにその効果が反映されます。  h1 { color : #CCC } h2 { color : #DDD } h3 { color : #EEE  } 上記の例では、h1,h2,h3の順にHTMLフォントカラーの指定が適用されていきます。 h1 { color : #CCC } h1 { color : #DDD } h1 { color : #EEE  } 次の例は全てh1に対してフォントカラーを指定していますが、この場合、まずh1にフ

    ommr29
    ommr29 2009/06/08