2010年11月19日金曜日

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

1.ソースファイルをダウンロード

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

▼to-R

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

2.ヘッダーに記述(jsフォルダの中にソースファイルを入れる場合)

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

3.揃えたいカラムにclassを定義

▼タグに記載する要素

class="heightLine"

▼例

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

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







</div>

 

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







</div>

4.完了

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

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

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

0 件のコメント:

コメントを投稿

関連記事

Related Posts