Это отлично работает:
$(document).ready(function() {
var previewwidth = ($(window).width() - ( $('.aside').width() + $('.results').width() + 110) ) ;
$(".result-preview").width(previewwidth);
$("footer").text(previewwidth);
});
$(window).resize(function() {
var previewwidth = ($(window).width() - ( $('.aside').width() + $('.results').width() + 110) ) ;
$(".result-preview").width(previewwidth);
$("footer").text(previewwidth);
});
но я не уверен, как установить минимальную и максимальную ширину, поэтому min-width до 338px и max-width до 500px.
спасибо!