Solved

Scrolling in Mozilla & IE...

Posted on 2013-12-01
4
205 Views
Last Modified: 2013-12-07
Hi,

I have nearly finished a website, but I have a scrolling issue.

There are two types of pages;
This one http://www.sarahhardy.co.uk/index.php?page=15
Has a div with overflow hidden, and a scrolling section that has javascript attached.  This works on IE/Chrome/Moz.

But this page: http://www.sarahhardy.co.uk/index.php?page=1
Has full page scrolling...  It works in Chrome, but not Moz or IE.

I have got myself all confused, can someone fix for me?

Thanks,

Cris.
0
Comment
Question by:CrisThompsonUK
  • 2
4 Comments
 
LVL 58

Assisted Solution

by:Gary
Gary earned 150 total points
ID: 39688795
There is no scrolling in any browser because you have overflow:hidden on the body.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 350 total points
ID: 39690512
The scroll with no scrollbar in Chrome is actually a bug and lack of compliance with the standards.  You should not be able to scroll when overflow is hidden.

Cd&
0
 

Author Comment

by:CrisThompsonUK
ID: 39702792
Thanks, the chrome thing was really confusing me.

Last issue:  Can anyone help with the background image here:

http://www.sarahhardy.co.uk/index.php?page=25  in chrome the background stops half way down the page.

thanks.
0
 

Author Closing Comment

by:CrisThompsonUK
ID: 39702799
Thanks,  I have sorted the last issue.
0

Featured Post

Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Bootstrap show icon when mobile text when computer or tablet 3 39
hosting images 4 29
Place text over image using CSS 6 44
Index on a Table 6 13
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question