overflow:hidden
- Started
- Last post
- 13 Responses
- doggydoggdog
Apparently "overflow:hidden" doesn't work as is with mobile.
Is it reliable for all other browsers? Alternatives?
- mg330
Do you mean that things hidden with overflow appear on a movie device when they don't appear on a computer screen?
- Yeah nothing is hidden on iPhone but the overflow is hidden on my computer.doggydoggdog
- mg330
That is probably because the fixed dimensions of the area are different when the site is viewed on mobile. I went through the same thing in my site, and you might have to change dimensions within your media queries for those areas in mobile. Check out www.mg33.com with Firebug, and look at the "On The Web" section. Overflow is used there, and the top left and bottom right images come in as landscape shaped images unlike the other two which are square thumbnails from their source. If you look at the CSS when viewing it and more of a mobile sized window you should see the dimensions are changed to maintain the hidden aspect.
- doggydoggdog0
Thanks man! Does anyone know if it doesn't work on any other platform like IE or tablets, or is it only mobile?
- dbloc0
Never had a problem with this..I do standard and mobile sites all day long.
- dbloc0
Link to the problem site?
- doggydoggdog0
Still in development.
- ********0
Doesn't work on tablets either fyi.
- doggydoggdog0
My whole page has overflow:hidden.
I have a div at the bottom of my site with it's overflow hidden. It works great on all browsers on my computer, but then whole div shows on mobile and iPad and the page is taller to accommodate the content.
How do I keep the overflown content hidden on all devices?????
- ********0
Have you tried azimuth:behind ?
- dbloc0
it should work...maybe you're holding it wrong
- dbloc0
!important;
- kingsteven0
did you try this?
<meta name="viewport" content="width=device-width, height=device-height">
- boobs0
The internet just seems like one huge exception to every rule.