HTML - Cant Scroll On Mobile
What is the reason that i cannot scroll my site left and right on smartphones ?
Similar TutorialsHello, Why cant i scroll my site on mobile smartphones ? www.muchmarketing.co.il thanks Can anyone help me out? I've set up a test site for a project where I have a scrollable table within an iFrame. Techincally, its an iFrame within an iFrame which gets you to a scrollable table I also added an auto-scroll with anchor-links. Everything finally works, but I really want to remove the horizontal-scroll bar that shows up, while keeping the vertical-scroll bar. (Upon testing, I found without the vertical-scroll bar, the anchor-links and auto-scroll don't work correctly.) here's the link to the test site: http://www.thegrandamerican.com/ here's the line of code I think is the correct place to make corrections: <iframe id="myiframe" name="myiframe" src="oprah june 09_news.htm" width="900" height="475" scrolling="yes" overflow-y: scroll></iframe> The hierarchy works as follows: index.htm > spotlight_news.htm > oprah june 09_news.htm The reason for all the iframes is to have elements on the higher pages that will stay in place, such as a music player and dynamic menu bar. other notes and associated files (for the auto scroll) a smooth-src-comments.js smooth.pack.js Thanks. - J Ive been looking EVERYWHERE for a site with a code for a scroll box with a trasparent scroll bar, Ive seen the code where I can edit the size of the box as well as the color of the box itself and I know how to do THAT. how do I make it where the code displays the scroll code as well so I can fully customize it? it seems that its always hidden.. Can any one help me how to design web for mobile. I design a web by Frontpage, look beautiful in PC but can not read in mobile. Thanks in advance Looking for a hint on how to detect a mobile device and redirect to a mobile webpage. Also what would be the optimal width for a mobile website? Thanks, Dano I'd like to write a cross-device mobile application/website. I tried to use this: "<meta name="viewport" content="width=*px" />" in head although I don't understand how it works. It adjusts auto zoom level on mobile browsers. However what will be set to *px? What does it mean if there's "device-width" in place of *px I tried to make a form and I checked it out on WM, Symbian and IOS but each phone visualized other. How can I make this cross-platform? Please help! Balu314 (sry my english is poor) Hi I'm a bit of a newbie to any kind of HTML codes Ive made a Test website so I can try out this piece of software that helps to create mobile web sites using HTML Here's the Website : http://82.45.130.37/atozcouriers/ftp...001/index.html Heres the HTML : http://www.2shared.com/document/XdlY...html?(Password :21) I am using notepad to edit as any web editor messes up the viewing of the website in a Mobile Browser The mobile Browser is Safari on iPad,iPhone or iPod touch My problem only happens on one page , the homepage. It aligns the main body to the right a bit and adds a line I've experimented a bit but as I'm a newbie I'd don't know what to do. Any help would be gratefully appreciated. Thanks keirjohnharry Hello. I am not sure if this is the correct place for this question. Please direct me if not. I am trying to set a webpage to redirect and display a different page if the first page is accessed from a mobile device (phone). Does anyone know how I can achieve this? I just need to know how to determine what it is viewed on. The redirect part I know already. Thanks so much for all help! Hi all, I thought you might find this report of interest... It is released by www.handsetdetection.com every month and basically gives an insight into mobile web usage and in particular, which are the preferred handsets for consumers to surf the mobile web, by Country. If you are looking to better understand the growing mobile web sector, and the implications that this has on web marketing, design and development, the data is quite useful. You can check it out here http://bit.ly/RawReports Cheers David Hi I recently used an emulator service to see how a page I made would look on mobile devices. note that it's just a web page - not an app for any of them. Here's the screenshot for four of them: I want it to look like the last one on mobile phones, so that the screen is filled. how do I do that on the iPhone and in Chrome? The wrapper DIV width is 302px. Thanks for your time and help. Shaun Hi everyone, What is the code that i will have to enter to my website so mobile phones will be able to access it? Hey guys, If I'm posting in wrong section I apologize I have a small problem what I need help with. I use a free service for redirecting people to my mobile site, but there service is down for last 6 days or something got wrong. Anyway I decided to use .htaccess rewrite to redirect them to mobile site. The problem I have is that I cant really find how to do it efficiently and what I need because I have two different mobile sites. here it goes: My site example.com First mobile site is example.com/index.php?template=3 (this one is mainly for blackberry and all rest mobile devices, and I like this one to load in opera mini also if possible) Second mobile site is example.com/index.php?template=5 (that one is specifically for iPhone and android phones) I am really don't know how to do it please! Thank you. When I create a test page using DIV and set it to 480 px wide, my iPod Touch does not have it initially filling the screen; I have to double tap it to have it fill the screen. What step am I missing? Many thanks... Todd Hi. Is there any code out there that will detect whether a visitor to a website is using a mobilephone? If they are, I want the code to automatically send them to my mobile version of my site. I'm guessing it maybe somekind of resolution detection??? The BBC website can do this. Does anybody know how? Leroy I need to make my site suitable for mobile browsers (small resolution, etc.) and looked at this page which gives tips on how to do it. It seems like a nightmare! I think it would be much simpler just to create a special version of the site and redirect people to it when they go to the main page. Is redirecting considered a bad idea? And if so, why? Hi there I'm new to this site but think I'll be sticking around for the wealth of information here. So...I recently designed a website for a friend working off a nice little template to save time. Everything looks great and operates exactly how they requested on a desktop browser. However, the images become vertically stretched when viewing on a mobile device pretty severely. I'm confused because it's only the photos, other graphics (also jpegs) do not become distorted. Is it because I used width="x%" and height="x%" in the image tags www.rideums.com is the website if you'd like to take a look at the source. Thanks guys for helping out. Hi guys I'm thinking of making a mobile friendly version of my karaoke show site. Mainly I'd like to offer a mobile friendly version of my songlist. I was wondering what the main differences are between a mobile site like this: https://www2.my.commbank.com.au/mobile/i/default.aspx And the app version of the above banking site? I don't have a smart phone yet, so can't check myself, but will be getting one soon to aid in the site development. Does anyone know of a good tut on making mobile sites that fit the screen of a mobile? Cheers Shaun Hi peeps So I finally sorted out my website. Tested it on the main browsers and everything was okay. I uploaded it and then went to show a friend on my Iphone and waddya know, it doesn't display properly. For some reason the background image tiles 4 times. And this goes for Iphone, Ipad, and Ipod. There are parts of the site that use flash so It's not optimised for Iwhatevers anyway, but I'd definately like to sort out this "first impression" problem. The site is an adult site (Don't worry there is nothing more than sexy images to be seen. no genitalia or anything). It's www.xturnmeonx.com Any ideas peeps. Hello. Happy to be a new member. Beautiful forum. I'm trying to play an swf unless the OS is unable (eg iphone, ipod, ipad) in which case I'd want a mp4 to play. I thought I had it working with this: Code: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="366" height="275" id="Project1" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="video/Project1.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#d6dbef" /> <embed src="video/Project1.swf" quality="high" bgcolor="#d6dbef" width="366" height="275" name="Project1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> <video width="366" height="275"> <source src="video/Project1.swf" type="video/swf"> <source src="video/Project1.mp4" type="video/mp4"> </video> </embed> <PARAM NAME="autoplay" VALUE="true" > </object> which plays the swf fine on my pcs and the mp4 fine on my Iphone, but the fella I'm doing this for insists it is not working on his ipad which is really the reason I'm adding the mp4s in the first place. Here is the code implemented: http://propertysolutionskc.com/construction.html and here again w/o javascript: http://propertysolutionskc.com/listing017.html Any help would be very much appreciated. Hi All, I was hoping for some help in finding some Beta participants out there who would be interested in trying out our new service. We have just launched in Beta mode. (its free to use). There will also be a free version after the official launch. The first step is to browse your way over to: http://www.handsetdetection.com/ We hope that this will represent one of the first steps in solving the mobile and web crossover issues which website owners and developers face when people view the site from any device other than a normal computer (I-phone / Balckberry / PDA). Once connected to our service, when someone visits your site, a live request is sent to us, and we return a result back to you on a live basis with details of the device, screen size, GEOIP, make, model and many other fields of information. From that point, you can do one of two things: 1. Depending on the result returned, you can then display an appropriate view for the consumer i.e. A website that will fit their device's screen size and UI which is controlled by the way in which they are browsing (i-phones suit touch screen menus, N95's suit joystick controls and so on...) 2. If option 1 is too much of a first leap, after you add the code into your website, you can just login to our online reporting system and view your traffic results based on device make, model, country, city etc... This would be a great first step in understanding whether you are getting traffic to your site from non traditional browsing devices. As I mentioned, we are in Beta stage, so we would value your feedback on this. Also, if you know of anyone else who may be interested in participating in this Beta stage, I would be grateful if you could pass this message on... Regards, David Manjra skype: dmanjra |