Long content not working!

[vascoe]

If there is longer content there is an overflow problem:

Any ideas how to fix this?

[stefanclark]

need to check the required height for the content based on the height of the of the section: e.g. if $('#two > div').innerHeight() is greater than $('#two').height() then change the section to the content height $('#two').height($('#two > div').innerHeight())

[vascoe]

That sounds good!Thank you! But unfortunately I'm not really the best JavaScript coder!?!? where should I do this?

[stefanclark]

I've not tested this, but try changing line 140:

$this.css({height: $window.height() * heightmult});

to

contentHeight = 0;
$this.children().each(function(){contentHeight += $(this).height()});
if (contentHeight > $window.height() * heightmult) {
    $this.css({height: contentHeight});
} else {
    $this.css({height: $window.height() * heightmult});
}

[vascoe]

Hey thats nice Thank you!! it works but to adjust the position of the background Image I had to change line 79 from this:

var windowHeight = $window.height() * heightmult;

to this

contentHeight = 0;
$this.children().each(function(){contentHeight += $(this).height()});
if (contentHeight > $window.height() * heightmult) {
   var windowHeight = contentHeight ; 
} else {
   var windowHeight = $window.height() * heightmult;
}

Thanks a lot!