Making DIV Containers Same Height to each other.

George — Sat, 10 Oct 2009 02:25:00 +0000

Often Portal based web design will have flexible height on all content columns. However, sometimes it will be very ugly if your content is too long and leaving your right column, for example blank.

There are many scriptless, pure CSS solutions to fix this problem but turns out you have to write a lot of CSS and html to make it compatible in all type of browsers. This is just not applicable for heavy web applications like DotNetNuke.

Well, the solution is simple. With the pre-installed jquery in DNN5, all you need is to include a simple script like below in your DNN Page header to adjust your content panes height:

 $(document).ready(function() {


        var sameHeight = $("#DNN_ContentPane").height();

		  $("#DNN_RightPane").height(sameHeight);


    });

Give an unique id for every DNN Containers
Making DotNetNuke Logo Link SEO Friendly!
Best Free JavaScript and CSS Compressor to Optimized your Website.

MyLifeBBS » Same Height Container

Making DIV Containers Same Height to each other.