Untitled

<html><head>
<script type="text/javascript">
function sortNumeric(a,b)
{
return a - b
}

function getLongest() {
	parentDiv = document.getElementById("container");
	cols = parentDiv.getElementsByTagName("div");
	colLength = new Array(cols.length);
	for (x=0; x < cols.length; x++) {
		colLength[x] = document.getElementById(cols[x].id).offsetHeight;
	}
	colLength.sort(sortNumeric);
	colLength.reverse();
	return colLength[0];
}
function setColumns() {
	divLen = getLongest();
	parentDiv = document.getElementById("container");
	cols = parentDiv.getElementsByTagName("div");
	for (x=0; x < cols.length; x++) {
		document.getElementById(cols[x].id).style.height = divLen+"px";
	}
}
</script>
<body onload="setColumns()">
<div id="main">
<div id="content">
<div id="container">
<div style="width:40px; background: yellow; float:left;" id="column_1">
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1
</div>
<div style="width:40px; background: green; float:left;" id="column_2">
2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2 2
</div>
<div style="width:40px; background: blue; float:left;" id="column_3">
3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3
</div>
</div>
</div>
</div>
</body>

</html>