複数のdivの高さをそろえたい。
そんなときにおすすめなのが、『Equal Height Columns with Cross-Browser CSS & No Hacks』。複数カラムの高さをそろえるクロスブラウザなCSSだ。
このエントリーでは、↑のようにdivの内容によって高さが違ってしまう場合に、高さをそろえるテクニックが紹介されている。
The method shown here is 100% CSS hack-free, image-free and JavaScript-free so it can even be used on the most strictly coded websites
とあるように、CSSハックや画像やJavaScriptは使用していないとのことだ。
2カラムから5カラムのデモページが用意されている。
複数カラムの高さをそろえるクロスブラウザなCSS、チェックしてぜひ見ていただきたい。
Editor's Note
居酒屋にGX200を忘れたので取りに行ってきた！やばいやばい。しかも新橋。。
ちょっとした取材を受けました。仕上がりが楽しみです。
あとはんーもうすぐ連休ですね今日もがんばりましょー！
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
