December 11, 2018, 06:05:03 PM *
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length
   Home   Help Search Login Register  
Pages: [1]   Go Down
Author Topic: Stupid HTML question...  (Read 3211 times)
0 Members and 1 Guest are viewing this topic.
Offline Offline

Posts: 3173

« on: March 20, 2011, 03:29:47 PM »

Silly of me to ask, but a while ago, I'm sure the web site looked fine on an iPhone and iPad.  Now, I don't have any Apple products so it's not so easy for me to regularly check, but I think on the front page, the frame that shows the "Current News" isn't a scrollable area, and is instead shown in its entirety on the iPhone/iPad.  This seriously messes up the intended the page layout.  I think when this started happening I remember scratching my head and wondering what I did to cause it, because I don't remember making any dramatic changes, and I can't seem to see how to undo whatever I did.

Since just about everyone in the world is better than me at HTML coding, can anyone point out to me what the issue is?

Hero Member
Offline Offline

Posts: 1092

« Reply #1 on: March 20, 2011, 04:05:00 PM »

I don't know the details, but I'd guess it's a problem with iframes. I see the same issue with the Android browser. If you think about it, how would you expect nested scrollbars to behave on touch-based devices? how would the browser know which section to scroll when you drag your finger? There isn't the same concept of focus as on a traditional browser.

Hero Member
Offline Offline

Posts: 627

Busy busy

« Reply #2 on: March 21, 2011, 06:00:40 AM »

It might be more of a change in mobile browsers than a change on our end. You'll have to put extra consideration into the mobile CSS if you want the page to be usable, but it will be hard without a mobile device. I don't have one either, or I'd volunteer to help.

MM (10%) - SMA3 (33%) - DNS (0%)

Come check out the Nintendo 64 Mapping Workshop!
Hero Member
Offline Offline

Posts: 621

« Reply #3 on: March 21, 2011, 07:56:33 AM »

With the iPad using a single finger, and multiple fingers has different actions for scrolling.  I can't remember, which is which, but there is a method to nested scrolling.

You might try getting away from frames.  You can use a sized div with the CSS property overflow:auto.  The user agent should add a scroll bar if the content overflows the size of the parent div.  The only thing that would break are the archive links at the bottom of the news section.  But that could be fixed easily with jquery.
Pages: [1]   Go Up
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.20 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS! The Video Game Atlas



Your ad could be here - contact me for advertising inquiries. is registered with and hosted by

Go Daddy.

Supported by you.

� 2002-2018 Jonathan Leung. is an archive of video game maps up since May 6, 2002. Optimized for at least 800 x 600 resolution.

This site does not contain commercial ROMs or any other illegal materials. All directly "ripped" game images are the property of their respective copyright holders.

This web site and compass logo are copyrighted by Jonathan Leung 2002-2018.