Problem with the scrolling on my website. Anybody know why?

[Sean101]

There is a problem with the bottom of my website.
When you scroll the page all the way down, instead of the page stoping at the bottom, it just keeps going down and down to more and more of blank page. It has only been doing this since i added the floating boxes on the right. It didnt do it after i added the floating menu and box on the left and i had the left menu and box some time before adding the other boxs on the right.

Could someone tell me why this is doing this and if you can tell me how to fix it please?

To see what im talking about..
Go to my website: www.EarnTopQualityGadgetsOnline.co.uk and scroll down the page using the scrolling bar on the left of your browser page/window, keep scrolling all the way down and you will see.

Thanks.

[Th3lmuu90]

i THINK the problem is with the menu... In landscape mode on my phone it goes to the bottom like it as no end... But if my phone is on normal position the menu fits on my screen and it stops where it should stop.

Sent from my SK17i using Tapatalk

[Sean101]

Yes i reckon it is some sort of problem with the right hand side floating stat boxes.
I think the code for it may be slightly wrong or the positioning or something.
I will fiqure it out, Just havent done so yet, lol.

[Th3lmuu90]

When I have time, I'll try to help you maybe tomorrow.

[Th3lmuu90]

Now I see that you have other problems with those right and left scrolling bars... I don't have time now, tomorrow I'll give you the details and if I can figure what is happening wrong I'll tell you.

[Cruelworld]

Backup your files first.

Have a play with the width of the side bars and the container.
The container can be found in your CSS file.

First try each sidebar width, the left one looks like it's biting into your container space and pushing the whole page over.
Try to reduce the container from 760 down to 700, save it and see if it cures the problem and if it does find the optimal balance between your container and the side bars.

If this isn't the problem then just revert back.

**Edit**
This is for the sideways scroll ... I just noticed what you mean with the vertical scroll ...

[Cruelworld]

Sorry, ran out of edit time...

You could try and use percentages as well instead of pixel widths for the sidebar and container size.

[Sean101]

Originally Posted by Th3lmuu90

When I have time, I'll try to help you maybe tomorrow.

Now I see that you have other problems with those right and left scrolling bars... I don't have time now, tomorrow I'll give you the details and if I can figure what is happening wrong I'll tell you.

Originally Posted by Cruelworld

Backup your files first.

Have a play with the width of the side bars and the container.
The container can be found in your CSS file.

First try each sidebar width, the left one looks like it's biting into your container space and pushing the whole page over.
Try to reduce the container from 760 down to 700, save it and see if it cures the problem and if it does find the optimal balance between your container and the side bars.

If this isn't the problem then just revert back.

**Edit**
This is for the sideways scroll ... I just noticed what you mean with the vertical scroll ...

Sorry, ran out of edit time...

You could try and use percentages as well instead of pixel widths for the sidebar and container size.

Ok, Thanks Alot..
I have added the codes for both the right & left menu on my page below..
Both menu codes are are nothing to do with each other. I added the left on then the right one on separate times.
The both full codes are on my webpage, not in the CSS file. My website's layout/design i on a CSS file which is linked to in the head of my webpage. I wasnt sure which part of the menu codes was to go in a CSS file and which parts was to be left on the page.

Code for "Floating Left Menu & Box On Left"..

		<div id="divTopLeft"     style="position:absolute">
		    <h2>Our Site Menu..</h2>
				<li><a href="http://www.earntopqualitygadgetsonline.co.uk/">Home</a></li>
				<li><a href="#Introduction">Introduction</a></li>
				<li><a href="#ChooseAGadgetToEarn">Choose A Gadget To Earn</a></li>
				<li><a href="#ChooseAGamesConsoleToEarn">Choose A Games Console To Earn</a></li>
				<li><a href="#ChooseAMobilePhoneToEarn">Choose A Mobile Phone To Earn</a></li>
				<li><a href="#WeWillHelpYouGetReferrals">We'll Help You Get Referrals</a></li>
				<li><a href="#HowItWorks">How It Works</a></li>
				<li><a href="#GetReferrals">Get Referrals</a></li>
				<li><a href="#PromotingYourReferralLink">Promoting Your Referral Link</a></li>
				<li><a href="#TalkToTheGadgetEarningCommunity">Talk To The Gadget Earning Community</a></li>
				<li><a href="#StayUpdated">Stay Updated</a></li>
				<li><a href="#WhatDoYouThinkAboutOurWebsite">What Do You Think About Our Website?</a></li>
				<li><a href="http://www.facebook.com/etqgo">Follow Us On Facebook</a></li>
				<p></p>
				<A href="http://www.alexa.com/siteinfo/www.earntopqualitygadgetsonline.co.uk"><SCRIPT type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/s/b?url=www.earntopqualitygadgetsonline.co.uk'></SCRIPT></A>
	    </div>
<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
	var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
	var px = document.layers ? "" : "px";
	window[id + "_obj"] = el;
	if(d.layers)el.style=el;
	el.cx = el.sx = sx;el.cy = el.sy = sy;
	el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};

	el.floatIt=function()
	{
		var pX, pY;
		pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 
		document.documentElement && document.documentElement.clientWidth ? 
		document.documentElement.clientWidth : document.body.clientWidth;
		pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 
		document.documentElement.scrollTop : document.body.scrollTop;
		if(this.sy<0) 
		pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 
		document.documentElement.clientHeight : document.body.clientHeight;
		this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
		this.sP(this.cx, this.cy);
		setTimeout(this.id + "_obj.floatIt()", 40);
	}
	return el;
}
JSFX_FloatDiv("divTopLeft", 25,30).floatIt();
</script>

Code for "Floating Boxes On Right"..

	    <div id="divTopright"     style="position:absolute">
			<ul>
				<p><a href="http://earntopqualitygadgetsonline.co.uk.hypestat.com" title="Powered by HypeStat.com" target="_blank"><img src="http://www.hypestat.com/widget.php?w=200&h=150&pl=20&pt=20&c1=68C0AF&c2=000000&gd=vertical&f=stan0752&fs=6&fc=DDDDDD&f2=stan0765&fs2=6&fc2=FFFFFF&bc=404C4F&wt=pgyarw&url=earntopqualitygadgetsonline.co.uk" alt="" border="0"/></a></p>
				<p><script src="http://stats.webstarts.com/widgets/cloudy/?site_id=66443032&sitekey=553f7a476a8a513fc97e1cb540c06d47&width=200&height=500&date=last-28-days&type=links-outbound&limit=100&title=Most%20Popular&hide_title=0&hide_branding=1" type="text/javascript"></script></p>
			</ul>
	    </div>
<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
	var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
	var px = document.layers ? "" : "px";
	window[id + "_obj"] = el;
	if(d.layers)el.style=el;
	el.cx = el.sx = sx;el.cy = el.sy = sy;
	el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};

	el.floatIt=function()
	{
		var pX, pY;
		pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 
		document.documentElement && document.documentElement.clientWidth ? 
		document.documentElement.clientWidth : document.body.clientWidth;
		pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 
		document.documentElement.scrollTop : document.body.scrollTop;
		if(this.sy<0) 
		pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 
		document.documentElement.clientHeight : document.body.clientHeight;
		this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
		this.sP(this.cx, this.cy);
		setTimeout(this.id + "_obj.floatIt()", 40);
	}
	return el;
}
JSFX_FloatDiv("divTopright", 1065,30).floatIt();
</script>

Is there something in any of the codes above?
I think the problem with the page scrolling to far down when you get to the bottom is something to do with the code for the Floating Boxes on the Right, I think this because the page wasnt doing this untill i added the code for the Floating Right Boxes a few days later.

[xploit]

First thing I would suggest doing is making sure your doctype is correct at the top of the page then going to The W3C Markup Validation Service to check your code

I'm guessing you want your doctype to be set to this...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">