foxicols 0.1

Demo

Discover 3 different filled columns having the same height.

Description

Damn small and easy program for equal height columns. It is designed to be easily integrated and just working fine.

This program is under GNU General Public License v3. It was developed with jquery 1.3.2 but works from 1.1.

Actually the minified program is only 526 Bytes in size (gzipped 333 Bytes)! Last updated on 19th August 2009.

Using

Include the jquery-library and the plugin into the head.

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-foxicols-0.1.min.js"></script>

Inside the body you have your columns.

<div id="col1">text...</div>

<div id="col2">text...</div>

<div id="col3">text...</div>

Now inside the head or body you link the main function to every column.

<script type="text/javascript">
$(document).ready(function(){
  $('#col1, #col2, #col3').foxicols();
});
</script>

This is it! Automatically the columns get the same highest height.

Download

foxicols 0.1 full
jquery-foxicols-0.1.js, license-gpl-3.0.txt

foxicols 0.1 minified
jquery-foxicols-0.1.min.js, license-gpl-3.0.txt

package of foxicols 0.1 full, minified and this documentation
jquery-foxicols-0.1.js, jquery-foxicols-0.1.min.js, jquery-1.3.2.min.js, documentation.html, license-gpl-3.0.txt

The latest version of jquery you will get on jquery.com.

Don't miss

Check out my other small and easy programs!

foxibox
Nice image gallery. Very easy to use.

foxislide
Nice image rising effect. Very easy to use.

foxitip
Nice tooltips on links staying inside the window. You can even use different styles on one site. So easy to use.

foxiballoon
Objects following your vertical scrolling like a balloon. Very easy to use.

foxiblob
Lavalamp effect on menus. You can even use different styles on one site. So easy to use.