Scrolling issues when using JavaScript include

[DarrenPower]

Hi,

When I use the following file:

http://michaellydon.co.uk/redesign/scripts/equalcolumns.js

for the following page:

http://michaellydon.co.uk/redesign/

It causes the scrollbar to not allow me to scroll to the bottom of the page without jumping back up a bit and obscuring the footer.

If I omit the JavaScript file however then all's well.

Any ideas?

 

[BabyJeffy]

Works fine for me in Safari 3 with MacOSX.

Any ideas?

Just get rid of the js that is causing the problem. By it's name I guess it attempts to maintain a column layout - which can be achieved 100% using CSS.

You could add a margin-bottom of 20 or 30 pixels (or padding-bottom) so that it wouldn't matter (until you can rework the site not to need the js file).

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[DarrenPower]

Hi Jeff,

I appreciate your response.

Were I to add padding or margins to the bottom of that column, then the MainContent area, and the content within, would need to remain the same height throughout the site, or the columns wouldn't match. The reason I chose this solution is it appears to be a neat fix for layout regardless of the amount of text in the MainContent area.

If there's no way around this then I'll have remove it and rethink the layout.

Kind regards,

Darren.