Luke Luke - 25 days ago 7
HTML Question

Dynamic HTML container between header and footer

I would like to transform my html structure and css that the navigations height is always enlarging dynamicly acording to the height of content. A short explanation will be: There should not be any gap between footer and the green navigation on the left.

http://letpack.lukasoppler.ch/

Can someone give me some hints?

Answer

You can use javascript for dynamically getting the height of right section and then assign the same height to your green navigation on the left.

$(document).ready(function(){
  var h = $('.content').height();
  $('ul#nav').height(h + 18)
});

The above code will work in your page

Comments