HOME>k.kimura> CSS > 3カラムでブロック要素の高さを揃えるCSS

K.KIMURA

k.kimura

CALENDAR

MENBER

a.joboji

k.nakasato

y.ainai

a.yamaguchi

k.kimura

h.nakamura

k.miura

y.seki

y.suzuki

 
 

3カラムでブロック要素の高さを揃えるCSS

新年明けましておめでとうございます。>> <<1行の中で左右に要素を分けるcss
2008.1.18
やっと冬らしく、寒くなってきましたね((((( ヾ( ゚д゚)ノ゛ )))))
皆さん、スリップにはお気をつけください。

ではでは、今日の記事ですが、
CSS Happy Lifeさんで紹介されていた記事です。
いままで要素の高さが決まっている物は、揃えることが出来たのですが、
今回のブログに関しては、コメントが集まると真ん中のブロック、リンクが多くなると右のブロックなど
高さが定まらなかったので、使用させていただきました。

説明------------------------------------------

まず大本のブロック要素にoverflow:hiddenを指定し、
3カラムのすべてに、padding-bottom:32768pxを増やしmargin-bottom:-32768pxをネガティブします。

------------------------------------------------
と、説明してみたものの実際の原理はいまいち((-ω-。)(。-ω-))フルフル

jsでも試したのですが、コンテンツが変な場所に移動等したので、こちらの方法を採用しました。

cssも奥が深いと認識した今日この頃です。

関連エントリー

TRACKBACK(0)

このブログ記事を参照しているブログ一覧: 3カラムでブロック要素の高さを揃えるCSS

このブログ記事に対するトラックバックURL: http://www.grooblog.com/mt4/groove-tb.cgi/29/tb/XXXX

CAPTCHA
トラックバックスパム防止のため、末尾の XXXX 部分を上記画像の数字に置き換えてからご利用ください。お手数ですがご協力よろしくお願いいたします。

COMMENTS

  • asao(2008.1.23)

    うわっほーい!この問題ずっと解決出来て無くて、生徒さんに聞かれた時も「いやー」ってごまかしてたんで嬉しいです。
    しかもJAVA使わなくてもいい!!
    10000pxでも十分と思うけどいちおうそれで真似しましょう。

電子メール・URLは未記入でもかまいません。
 

画像の中に見える文字を入力してください。

新年明けましておめでとうございます。>> <<1行の中で左右に要素を分けるcss