Finally got around to building the new theme from a design Phil made.
I personally love working with WordPress. Building Themes are very easy once you learn the the basics and template tags. As far as the basics, A good place to get started is Nettus+ Top 50 WordPress Tutorials and once you get a handle for some of the basic theme structures, you can take a look at the WordPress Codex Template Tag Reference. It may seem a bit intimidating at first.. but it’s really not that bad.
Let me (and Phil) know your thoughts!
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'));
});
What this will do is find all elements with the class ‘.your_container’ and make them the same height on the document.
Source: CSS Newbie