Link to home
Start Free TrialLog in
Avatar of badwolfff
badwolfffFlag for United Kingdom of Great Britain and Northern Ireland

asked on

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

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
Avatar of LZ1
LZ1
Flag of United States of America image

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.
Avatar of badwolfff

ASKER

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.
ASKER CERTIFIED SOLUTION
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial