タグ

ブックマーク / zero.css-happylife.com (2)

  • コメントの書き方|CSSの基本|CSS HappyLife ZERO

    (X)HTMLのコメントとCSSにおけるコメントの書き方は違います。 CSSのコメントは、/*で始まり*/で終わります。 /* ココがコメント */ 入れ子にする事が出来ませんので以下のように書くのはNGです。 /* /*ココが*/コメント */ コメントは複数行にわたって書くことも可能です。 /*---------------------------------------------------- #main ----------------------------------------------------*/ #main { width: 660px; padding: 0 20px; } /* #main内の基指定 */ #main h2 { margin: 0 0 20px; /* padding: 5px 10px;*/ background: #ccc; } * ht

    aya_mtsd
    aya_mtsd 2013/12/27
  • hasLayout|プロパティ|CSS HappyLife ZERO

    値をtrueにする事で、IE6, 7における大半のバグ対策ができます。 CSSを覚え始めの頃はIE6や7を基準に考えがちだと思いますが、その時に、IEだとサイドバーの背景が繰り返されるのにIE以外では繰り返されないと言った事は無かったでしょうか?(ボクが覚え始めの頃あっただけかも知れませんが) これは、このhasLayoutが関係していた事になります。 floatプロパティを使って2カラムレイアウトを組む場合など、親要素にwidthプロパティの指定のみだと仕様上は子要素にfloatが指定されたボックスが有ると高さを算出してくれませんが、IE6, 7の場合widthプロパティの値がauto以外でhasLayoutの値が「true」になるため、レイアウト情報が有るとみなされ高さが算出されます。 これにより、IE6, 7だけ背景が表示されるという訳です。 また、この他のバグでもhasLayout

  • 1