Apologies if the topic seems puzzling, I couldn't find a better way to explain it. I utilized jQuery to adjust the height of a div to match the size of the viewport.
var slidevh = function() {
var bheight = $(window).height();
$(".container").css('height', bheight);
};
$(document).ready(slidevh);
$(window).resize(slidevh);
Currently, this method works well. However, I would like the height to be 100 pixels less than the viewport size. For instance, if the height is 500px, I want it to be 400px :)
Is there a more effective way to achieve this? Perhaps using pure CSS?