タグ

ブックマーク / mb.blog7.fc2.com (4)

  • floatは「回り込み」ではない:てんぽ

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

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

    yuiseki
    yuiseki 2008/06/30
  • XEBECのWebサイトはStrict

    アニメ制作会社XEBECのWebサイトはValidなXHTML1.0 Strictだった。 シンプルなデザインながら、私がアニメの公式サイトに求める情報の必要最低限は満たしていて、何より軽い。 新着情報が目立つ位置にある いわゆる「更新履歴」のリストは該当更新ページへのリンクになっているべきなのに、そうなっていないサイトがたまにある(たとえば灼眼のシャナやD.C.II)。 XEBECのサイトは当然そうなっている。更新頻度も高い。 放送局、放送時間が明確 各作品ごとに放送時間のためのページが個別に用意されている、「News」の新着情報にも放送局と放送時期を必ず記載、 放送局・放送日時が未定の番組(ネモシュネの娘たちとかのこん)のページでも現時点での予定を強調して記載。 完璧。 必要十分な各話紹介 話数、サブタイトルに加えて、脚・絵コンテ・演出・作画監督まで記載。当然テキストで書かれているの

    yuiseki
    yuiseki 2007/12/13
  • CSSレイアウトの定石 WinIE6バグ回避法

    CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました(つまり回避法を用いない場合にどんなバグが発現するか)。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう (ブロックレベル要素を内包するボックスにはpaddingを指定しない。) 左右ボーダーとパディングを設

    yuiseki
    yuiseki 2006/03/21
  • 1