UPDATE: Moreno je pronasao da u nekim situacijama kad se poklope visine postoji CSS bug da se boxovi "zaglave", ne rasporede se lepo... evo izmenjena verzija koja to resava (dodat je samo clear:left/right koji spreci ovo):
HTML kôd:
<style type="text/css">
#wrap { position:relative; width:400px }
#wrap div {
float:left;
width:49%;
border:1px solid red;
margin-bottom:5px;
}
#wrap div.colB {
float:right;
border:1px solid blue;
clear:right; /* <------------- OVO JE DODATO */
}
</style>
<script type="text/javascript">
/**
* Optimize vertical space for 2 column layout
* @author: Ivan Dilber (aka ivanhoe)
*/
$(function(){
var gHeightA=0, gHeightB = 0;
$('#wrap div').each( function() {
if(gHeightA > gHeightB)
gHeightB += $(this).addClass('colB').height();
else
gHeightA += $(this).css('clear','left').height(); // <-- ovde je dodato clear:left
});
});
</script>