Just to post my current solution, I ended-up writing a couple of
functions to apply min-height:
...<snip>...
/* addMinHeight($ele)
** Set min-height, of parent, during the loading of content.
** @param: Target object. */
function addMinHeight($ele) {
$ele.parent().css('min-height', $ele.height());
}
/* removeMinHeight($ele)
** Remove min-height, from parent, after the loading of content.
** @param: Target object. */
function removeMinHeight($ele) {
$ele.parent().css('min-height', '');
}
...</snip>...
Basically, I call addMinHeight() to the parent element of the div that
loads the new content before I apply fadeOut(), then after I fadeIn()
the newly loaded content, I call removeMinHeight() and remove the 'min-
height' of the parent element...
I had to target the parent element, because I was not able to get 'min-
height' to work on the div that loads the actual content... Not sure
why.
I have yet to target IE < 7/PC... I need to figure out how to apply
the "* html #ele { height }" hack via jQuery... Yadda yadda yadda...
did that all make any sense? :D
Haha, ok... time for sleep.
Cheers,
Micky
