Improve company productivity with a Business Account.Sign Up

x
?
Solved

Scrolling in Mozilla & IE...

Posted on 2013-12-01
4
Medium Priority
?
224 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 450 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 1050 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

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article discusses how to create an extensible mechanism for linked drop downs.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

608 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