タグ

hackとfloatに関するwebmarksjpのブックマーク (2)

  • 俗に言う clearfix と言われるコードのバリエーション色々 - lucky bag

    clearfix ネタに乗っかってみる。 スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る -モダンブラウザ編- clearfixはちゃんと考えられてた .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .clearfix { _height: 1px; min-height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ } ホップでもうーたんが解説してるんだけど、構造に手を加えずに float を clear させるためのいわゆる clearfix ってやつ。結構色々なサイトで紹介されているのを目にすると思うけど、最初の content 生成して clear させる

  • フロートボックスが並んだ時の右端のがカラム落ちしない方法みたいなのとIEのコメントバグ

    タイトルが長い… サイトやブログの価値を調べる10の指標とツール|前向きストラテジー 10番目のでこのブログを調べると泣きたくなるくらい安いけど、ボクは頑張ろうと思った今日この頃、皆様暑さにバテていないでしょうか?ボクはしっかりバテてダレてます。あんまり仕事してま…(加藤さまに給与減らされるので自重しました) さて、そんな訳で題ですが、下記みたいなレイアウトの時のお話です。 一番書きたかったフロートボッ(略)みたいなの サンプルとダウンロード サンプルページ ダウンロード 今回の題は「ほげほげ」って書いてあるところのボックスに関してだけ書くつもりが遊んでいるウチに気になった事があったのでそちらも書こうと思っております。 何はともあれ、この「ほげほげボックス」ですが、main areaは10pxのpaddingが指定されてて、その中にこんな感じでぴったりなボックスがぽこぽこ並ぶときって、

    フロートボックスが並んだ時の右端のがカラム落ちしない方法みたいなのとIEのコメントバグ
  • 1