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
トラックバックスパム防止のため、末尾の XXXX 部分を上記画像の数字に置き換えてからご利用ください。お手数ですがご協力よろしくお願いいたします。
COMMENTS
asao(2008.1.23)
うわっほーい!この問題ずっと解決出来て無くて、生徒さんに聞かれた時も「いやー」ってごまかしてたんで嬉しいです。
しかもJAVA使わなくてもいい!!
10000pxでも十分と思うけどいちおうそれで真似しましょう。