CSS/XHTML - Jubair Saidi's Blog

By: Jubair Saidi  09-12-2011

When working with a multi column layout where all three containers with dynamic content, you run into a problem with a css limitation (not able to do heigh: 100%;) so this problem has to be solved by using javascript.

Well, here’s the solution!

First write a function to include into the file (I usually use an external js function file so I can apply any of them anywhere needed.)

function equalHeight(group) {
  tallest = 0;
  group.each(function() {
    thisHeight = $(this).height();
    if(thisHeight > tallest) {
      tallest = thisHeight;
    }
  });
  group.height(tallest);
}

Then to use it simply use the following code in your document.

$(document).ready(function(){
  equalHeight($('.your_container'));
});
The information in this article was current at 06 Dec 2011


Other products and services from Jubair Saidi

09-12-2011

Uncategorized - Jubair Saidi's Blog

It gives me all the power of opening remote files with any of my editors and then saving them back to the server automatically that Coda gives me, as well as give me an effective method of synchronizing my local and remote files or transferring files from one server to another as simply as drag and drop.


09-12-2011

Social Media - Jubair Saidi's Blog

Ok so I was trying to figure out how to add a Facebook like button to an IPB Board system, and it was not as easy as it should have been. Just add a bbcode tag in the bbcode administration page.Name the tag Facebook Like ButtonCreate a tag define the replacement as. We tell it to load the function when the page is done loading (to make sure that it finds the body tag no problem).


09-12-2011

Software - Jubair Saidi's Blog

For Initial site and XHTML I use Coda, for PHP-jQuery I use NetBeans, for CSS I use CSSEdit, and for mysql I use Navicat. What i do is have code clips for my wordpress page layouts that already include all the most commonly used tags. I have gone through many editors, and IDEs trying to find the right ones to use for my needs.


09-12-2011

Javascript - Jubair Saidi's Blog

Container: this is the css element for the element container that will be populated with the processed and returned result/data from the logic file. So you can basically access different parts of the manage_users parent action by assigning a sub action. Function processData(logicFile, container, action, id, form, onComplete). The ~ indicates that there is a sub action to this action. Var Options = new Array.