[Webinar] Streamline your web hosting managementRegister Today

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

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Question has a verified solution.

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

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
There's never been a better time to become a computer scientist. Employment growth in the field is expected to reach 22% overall by 2020, and if you want to get in on the action, it’s a good idea to think about at least minoring in computer science …
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses

607 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