Making DIV Containers Same Height to each other.

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);


    });

Related posts:

1. Give an unique id for every DNN Containers
2. Making DotNetNuke Logo Link SEO Friendly!
3. Best Free JavaScript and CSS Compressor to Optimized your Website.
4. DotNetNuke Customizing your Login – PART 3
5. DotNetNuke Parent Portal and Hosting DNS Setting.

Tags: Same Height Container