カラムの高さを指定するJavaScript

１．ソースファイルをダウンロード

下記のサイトからJSファイルをダウンロードします。

▼to-R

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

２．ヘッダーに記述（jsフォルダの中にソースファイルを入れる場合）

<script src="js/heightLine.js" type="text/javascript"></script>

３．揃えたいカラムにclassを定義

▼タグに記載する要素

class="heightLine"

▼例

※id=contentsとid=sidemenuのカラムの高さを揃えたい場合

<div class="heightLine" id="contents">

・

・

・

</div>

 

<div class="heightLine" id="sidemenu">

・

・

・

</div>

４．完了

以上の手順で高さをそろえることができます。

ただし、JavaScriptを使っていますので、

ブラウザのJavaScriptの設定がOFFになっていると設定が外れてしまいます。