CSS matching heights huge problem!

programming web dev
1

hi guy’s and girls ;),

i have a major problem, I’m making this site for my current boss… It’s completely in div’s and css.

Here is the problem:

I made a layout that looks like this:

ok this is working well, but on an other page I needed the content div (the middle one) to be placed a little higer above the div on the right-top.
So it should look like this:

I did this as followed:


#content {position:absolute; top: -31.6px;}

And i have this javascript to scale the div’s equaly:


<script type="text/javascript"><!--//--><![CDATA[//><!--
  var d = document;

  function getHeight(){
	var box = new Array("links","content","rechts"); //list of DIV ids
	for(x=0;x<box.length;x++){ //determine the tallest div
	  h = d.getElementById(box[x]).offsetHeight;
	  for(y=0;y<box.length;y++){
		test_h = d.getElementById(box[y]).offsetHeight;
		if(h<test_h) h = test_h;
	  }  
	}
	for(x=0;x<box.length;x++) d.getElementById(box[x]).style.height = h +"px"; //set the height of all divs to the tallest
  }
  ///--><!]]></script>

It should work, but when i do this the left and right div becomes longer than the content div :worried:

Someone who can help me out of this complete mess???