Solved

Why does my whole site scroll even if I have set overflow to be hidden in the css stylesheet?

Posted on 2011-09-02
3
368 Views
Last Modified: 2012-05-12
Please visit this page using Firefox
http://www.absolutproject.com/gruppoovermarine/overmarine
If you have a look at the css stylesheet the body, html and the div #overmarine (which contains all the site's elements) you will see that they are all set to
overflow: hidden !important;

However not only on Firefox but also on iOS devices (ipad, iphone etc) I see the site not behaving properly (the div overmarine is not 100%) and for some reason I also see elements that are outside the screen. Also when I use the arrow buttons when using firefox the whole site shifts left/right

Could someone please point out where I might be going wrong and how I might go about fixing it?

thanks so much in advance
0
Comment
Question by:badwolfff
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 36476359
I don't have any iOS devices, however on FF 6 and Windows 7 and did not see any scroll bars. Checked in IE 9 with and without compatibility.  Still no scroll bars.
0
 

Author Comment

by:badwolfff
ID: 36476954
Not scrollbars.
If you click on the background or any other element in firefox then use the arrows on the keyboard the whole site moves left/right.

On iOS devices the sites container div "overmarine" is not 100% in width and height and elements beyond this div (hidden outside the screen) are visible.
0
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 36477171
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Date on a table 16 33
Jquery if else not working ... WHY? 5 23
CSS for <center> 14 33
Collapse in/out from a "a href" each row containing different id 5 40
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
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…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

735 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