<DOCTYPE html>
<html>
<body>
<div id="wrapper">
<div id="text" style="position: absolute;top: 9999px">TEXT</div>
<div id="content">CONTENT</div>
<div id="footer">FOOTER</div>
</div>
<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
<script>
$(document).ready(function() {
var f = function g(insert, after, before) {
return function() {
var i = $('#' + insert),
a = $('#' + after),
b = $('#' + before),
h = a.outerHeight(true);
i.css('top', a.position().top + h);
b.css('margin-top', i.outerHeight(true) + h - a.outerHeight());
};
},
g = f('text', 'content', 'footer');
g();
$(window).on('resize', g);
});
</script>
</body>
</html>