Javascript internal scroll area with extra white space below content

They have: 2 posts

Joined: Mar 2009

Hello all!

I'm having issues with a lot of extra white space after the intended content on multiple pages in my site. I am using a javascript/css internal scrollbar. It seems to be a problem with IE6, possibly IE7, Mozzilla,...
(Looks great in Firefox 3.0.7 on my Mac, of coarse!)

I have racked my brain and tried a thousand different "fixes", but still can't fix the problem.

The site's URL + a few of the problem pages is
http://www.blueskydecor.com/holiday_exteriors.html
http://www.blueskydecor.com/tree_lighting.html
http://www.blueskydecor.com/pole_decorations.html

I would appreciate any feedback, whether it is just an intuitive guess or a known fix.

Thanks!

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

Hi and welcome to TWF! Laugh

I love Dynamic Drive scripts but I have noticed that they often add whitespace in IE - has to do with the hidden content when the page loads.

I have addressed it by loading the content of your scrolling area with JavaScript.

Works for me - see attached file.

Question: why scroll there? (unless you are adding alot more content...)

Another technique could be placing the content in a JavaScript file, giving it a variable name:

var mydiv='<a href="Images/holiday_exteriors_01_2.jpg" rel="lightbox[roadtrip]"/><img src="Images/holiday_exteriors_01.jpg" width="355" height="243" alt="Holiday Exteriors, Pole Decorations" /><img src="Images/break.jpg" width="670" height="1" alt="break" /></a>';

etc.

(BTW it also looks like you do not close the anchors with a </a> tag - your links will work better if you fix that)

- then you can load the js file and assign the document.getElementById('scontent').innerHTML=mydiv;

They have: 2 posts

Joined: Mar 2009

Thank you! It turns out the only thing I needed to do was fix the <a href> parsing error. After that, everything else fell into place. Guess I've spent too much time on this project, because I can't seem to see the obvious anymore. Smiling

Thanks again for your quick response!

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.