Webpage doesn't scroll in IE
Good day folks.
I am having some issues and am desperately in need of assistance. I have been working on getting this online store going for a LONG time now. I have used oscommerce to implement it; and have added a million mods to it.
I have been noticing however that when you drag the scroll bar in internet explorer up and/or down, it doesn't scroll (this only happens on the index page). If you press the scroll button up and/or down, it works sometimes; and if you roll the mouse wheel up and/or down, it works royally. All these functions work quite fine in other browsers. The site's address is www.techshopja.com
Please offer me any assistance you can...anyone.
Thanks in advance.
Best Regards,
Andre Sewell
Owner - Techshopja.com
decibel.places posted this at 15:28 — 19th April 2009.
He has: 1,494 posts
Joined: Jun 2008
Welcome to TWF!
the scrolling problem is caused by one of your JavaScript functions; I commented out the code in the function with no apparent consequences; if it causes problems, at least you know which part to tshoot:
function MoveInit(e){/* topOne=isIE ? "BODY" : "HTML";
whichOne=isIE ? document.all.FloatingLayer : document.getElementById("FloatingLayer");
ActiveOne=isIE ? event.srcElement : e.target;
while (ActiveOne.id!="titleBar"&&ActiveOne.tagName!=topOne){
ActiveOne=isIE ? ActiveOne.parentElement : ActiveOne.parentNode;
}
if (ActiveOne.id=="titleBar"){
offsetx=isIE ? event.clientX : e.clientX;
offsety=isIE ? event.clientY : e.clientY;
nowX=parseInt(whichOne.style.left);
nowY=parseInt(whichOne.style.top);
MoveEnabled=true;
document.onmousemove=Move;
}
*/}
(see attached file)
Your code is truly a mess; I suggest you clean it up some, then run it through a validator; you can only have one DOCTYPE declaration, one head and one body in an HTML doc; I have removed the following:
<!-- header //--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
and
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title>
and
</body></html>
<!-- header_eof //-->
Andre.Sewell posted this at 01:01 — 20th April 2009.
They have: 4 posts
Joined: Apr 2009
Hey man...THANKS A BUNCH....resolved easily. However, the only codes i amended were:
function MoveInit(e){/* topOne=isIE ? "BODY" : "HTML";
whichOne=isIE ? document.all.FloatingLayer : document.getElementById("FloatingLayer");
ActiveOne=isIE ? event.srcElement : e.target;
while (ActiveOne.id!="titleBar"&&ActiveOne.tagName!=topOne){
ActiveOne=isIE ? ActiveOne.parentElement : ActiveOne.parentNode;
}
if (ActiveOne.id=="titleBar"){
offsetx=isIE ? event.clientX : e.clientX;
offsety=isIE ? event.clientY : e.clientY;
nowX=parseInt(whichOne.style.left);
nowY=parseInt(whichOne.style.top);
MoveEnabled=true;
document.onmousemove=Move;
}
*/}
As far as all the others go, I can't seem to find them to make the necessary amendments.
When you say my code is a mess...were you talking only for the index page, or did you take a look at the others?
Also...if it's not too much trouble...I've been trying to see what part of the code I should amend to remove the space between the footer (the area containing the credit card logos) and the products. Any further assistance would be appreciated.
Thanks again though man....it's GREATLY appreciated.
decibel.places posted this at 16:07 — 20th April 2009.
He has: 1,494 posts
Joined: Jun 2008
Hi Andre,
I only viewed the code for the index page that you posted. You can use a search function in a text editor (notepad, or something better like EditPlus) to find the problems I pointed out.
You can also run your pages through an HTML validator
Validation can catch mistakes that may cause display problems in certain browsers. I think really messy code can also affect your SEO, and probably affects your site's performance as well.
Regarding your footer issue, I thought about pulling it up but the problem with that is that the left column would then be extended by itself. I suggest you fill in the space with white. You do not put enough specific css selectors (class, id) in the code to do this with a stylesheet so I did it with inline styles.
see attached
Andre.Sewell posted this at 01:02 — 21st April 2009.
They have: 4 posts
Joined: Apr 2009
Thanks again man. i had searched for the lines of code you specified using dreamweaver, but i haven't found them.
So...i ran the index page through the validator and it found "773 Errors, 141 warning(s)" WOW!!! When i get some more time (God knows when this is going to be), i'll see how many of these errors i can get sorted out. Like i said before, the platform i'm using is oscommerce; but i did't design the template.
Regarding the all white area that you set...YIKES!!....It's not my favourite thing in the world lol. If push comes to shove, i may just change the template all together (this is quite likely).
I greatly appreciate all the help and advice you've given so far
God bless.
decibel.places posted this at 02:04 — 21st April 2009.
He has: 1,494 posts
Joined: Jun 2008
I decided it was better to keep the footer position to complete the bottom part of the box... and fill in with the white bg so it flows
you could put other colors in there, but to my eye white is the most consistent with that part of the container
Andre.Sewell posted this at 21:08 — 22nd April 2009.
They have: 4 posts
Joined: Apr 2009
Hey man...I really hope that I'm not being a bother or anything; but there's something else that I'd like to ask you. If you look to the header section of the page...right beside the banners where you see 'Search by Manufacturers'....you will notice that the drop down box is not properly aligned with the search box. I have been trying to fix that for a long time to no avail. Any help would be greatly appreciated.
With regards to the lines of code that i've been searching for and could not find...could it be because i have the php page rather than the html version?
Thanks in advance
decibel.places posted this at 23:04 — 22nd April 2009.
He has: 1,494 posts
Joined: Jun 2008
The form inputs have inline styles you need to edit the html code inline, or remove the inline styles and add styles to the stylesheet:
<input type="text" style="width: 110px;" maxlength="30" size="10" name="keywords"/>
<select style="width: 80%; margin-left: 10px;" size="1" onchange="this.form.submit();" name="manufacturers_id"></select>
of some such rot
if you look at the PHP code it should contain the HTML code, but it might be separated into pieces
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.