Hi,

So I've been doing some skinning, and I was fed up that i couldn't use styling to get my divs positioned the way I want them to (footer to the bottom and a div within a div going the length of a page). So I looked into Jquery and it seems helpful. (Yes I tried sticky footer; no it doesn't work the way I want it to.)

The problem isn't that the code isn't running, because it is, but it seems to be interfering with the DNN UI for module editing (accessing the Edit/Settings/etc options that appear in the upper right hand corner of a module). If this code is in, the other stuff won't appear. It should be noted that all of this code (minus the window resize() part) would run correctly in the $(document).ready() function.

Here's an example:

$(window).resize(function() {
if ($("#header").height() + $("#footer").height() + $("#dnn_contentPane").height() < $(window).height()) {
//not enough content
var i = $(window).height() - $("#header").height() - $("#footer").height();
$("#main").height(i);
var j = $("#main").height() + $("header").height() + $("footer").height() ;
$(body).height(j);
}
else {
//just enough or too much content
var i = $("#dnn_contentPane").height() + $("#footer").height();
$("#main").height(i);
var j = $("#main").height() + $("header").height() ;
$(body).height(j);
}
});

Anyone have ideas?