JavaScript/jQuery

[jquery]カラムの高さを揃える「heightLine.js」

[jquery]カラムの高さを揃える「heightLine.js」

2カラムやカラムのレイアウトをコーディングするときに背景などの高さを揃えたいとき
などがよくあると思います。
しかしcssだけで揃えようとするとなかなかうまくいかなかったりします。
そんなときに簡単にjqueryで高さを揃えることの出来る「heightLine.js」をご紹介します。

http://blog.webcreativepark.net/2007/07/26-010338.html

上記のサイトから「heightLine.js」をダウンロードします。
 

[html]
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/heightLine.js"></script>
<script type="text/javascript">// <![CDATA[
$(function(){
$(#mainculumn,#sidebar).autoHeight();
});
// ]]></script>
<div id="mainculumn" class="heightLine"></div>
<div id="sidebar" class="heightLine"></div>
[/html]

headないで「heightLine.js」とjqueryを読み込み高さを揃えたいセレクタを設定します。
そしてセレクタにクラス「heightLine」を指定します。

これで高さが揃います。
簡単に使用出来るのでぜひ参考にしてみてください。