Horizontal DIV Scroll: Safari vs iPhone

I need some help ASAP!
I coded a very basic website with a horizontal scroll. It works beautifully on Safari, Chrome, Firefox, etc. But for some reason, I can't scroll past about 1400px on any give page in the site with my iPhone, at which point, the browser simply cuts off the last image. In fact, the scroll bar doesn't even appear on the iPhone. And it drops one of my navigation images to the line below it (which has nothing really to do with the scroll problem, just also buggy).
I looked through my CSS files to make sure I had not specified a fixed width as well; no luck. I don't want to use Flash, obviously, because the purpose of the site is to be simple and accessible from a smart phone.
This is the code I used:
div class="scroll"
img src="../images/wishbone_logo.jpg"
img src="../images/wishbone_plate.jpg"
img src="../images/wishbonecuttingboard.jpg"
img src="../images/wishbone_placemat.jpg"
/div
Can anyone help?! I need to get this figured out so that I can use the same code for a client's website.
Thanks!

Touch devices use 2-finger scrolling. If you'd like to do a 1-finger scroll, that's certainly possible, but you're going to have to write the appropriate stub of Javascript to handle the associated touch events.

Similar Messages

  • Speech recognition for Safari in iPhone?

    Is there an app (free preferably) for Speech recognition for Safari in iPhone/iPad etc?
    This should include scrolling up and down, and moving back and forward pages.
    Other control would be nice, but not mandatory.
    Thanks

    I saw this one:
    +Voice Lookup is another iPhone voice recognition app. It allows you to use most of your phone's functionality using voice commands. You can call, compose text messages, email, map locations and even add web bookmarks and browse web pages using your voice. You'll find the app's mapping features very useful for locating business establishments while on the go. The app relies on a phonetic speaker dependent recognizer which was designed to adapt to the users voice. For a more accurate recognition, you must train the app to recognize your voice through constant practice. (Price: $2.99)+
    But it did not have great reviews...

  • Visit normal, non mobile websites on Safari for iPhone?

    I just recently got an iphone and I really like it so far, but when I visit espn's website I get forced to their mobile site which is not what I want. Is there a way to change the settings on Safari to load webpages normally?
    Thanks

    When using Safari on iPhone, it is usally the website that decides whether to push a mobile version of a site. When a web developer such as the ones who wrote the website for ESPN, they have the ability to tell which browser you are using when you access the site.
    So, that being said, there is no way to force safari to pull the normal page, that would be up to the developer of the webpage. That being said, I took a trip on over to the ESPN webpage on my iPhone. It looks like if you scroll all the way to the bottom you can click on the ESPN.com link and it will take you away from the mobile page, and give you the full content page you would normally see on your computer.

  • The Horizontal & vertical scroll is not visible or not working when i run the form in Forms 6i.

    Hi all,
    The Horizontal & vertical scroll is not visible or not working when i run the form.
    In this form , there are 5 canvas namely
    CANVAS2 - Stacked Canvas
    PASS - Content Canvas
    MAT_RATES - Content Canvas
    DATE - Content Canvas
    PREVIOUS - Content Canvas
    I have set "Show Horizontal Scroll Bar" to "Yes" and  "Show Vertical Scroll Bar" to "Yes" in the WINDOW Property.
    I have  set "Show Horizontal Scroll Bar" to "Yes" and  "Show Vertical Scroll Bar" to "Yes" in the STACKED CANVAS Property .
    But still the Horizontal and Vertical Scroll Bar is not working when i run the Form.
    Help me with this please. How do i make it visible??
    Oracle Forms 6i..
    Thank You.

    Vijetha wrote:
    Hi all,
    The Horizontal & vertical scroll is not visible or not working when i run the form.
    I have set "Show Horizontal Scroll Bar" to "Yes" and  "Show Vertical Scroll Bar" to "Yes" in the WINDOW Property.
    I have  set "Show Horizontal Scroll Bar" to "Yes" and  "Show Vertical Scroll Bar" to "Yes" in the STACKED CANVAS Property .
    But still the Horizontal and Vertical Scroll Bar is not working when i run the Form.
    Help me with this please. How do i make it visible??
    Oracle Forms 6i..
    Thank You.
    hello vijetha,
    window and canvas show scroll bar when it need.
    You should show block property
    and set block scroll bar
    hope this helps..
    Hamid

  • Is there an issue with Safari in Iphones and Ipads where it does not recognize option disabled="disabled" tag properly?

    Greetings everybody,
    I have run into a peculiar problem with the Safari browser on mobile platforms (IPad, IPod, IPhone) which I hope I can find a solution for in this community.
    I just launched a new website where I sell products with certain variations, for example please view this link: http://www.finerribbon.com/aegean-single-face-satin-ribbon.html
    On this particular product, the product variants are supposed to work in such a way where:
    If you select the value "1/8" from the "Choose Ribbon Width" field
    THEN
    The only options active and available to choose from in the "Choose Roll Size" field should be: 500 Yds, 20 Yds & Sample Swatch
    Now, if we browse to the above link in Safari using a desktop or a laptop, there are no problems at all, but if we browse to the above link using an IPhone or an Ipad, then we have a problem where all the options are available regardless of the values chosen, basically the above functonality does not work.
    I was told that there an issue with Safari in Iphones and Ipads where it does not recognize option disabled="disabled" tag properly, is this true? Can anyone advise me if there is a solution to this problem? I would sincerely apperciate it.
    Thank you very much for your time and help!

    Hi...
    I have run into a peculiar problem with the Safari browser on mobile platforms (IPad, IPod, IPhone) which I hope I can find a solution for in this community.
    Now, if we browse to the above link in Safari using a desktop or a laptop, there are no problems at all, but if we browse to the above link using an IPhone or an Ipad, then we have a problem
    At the top of this window you'll see the following:
    Apple Support Communities > Mac OS & System Software > Safari > Discussions
    This the Safari forum for the Mac OS X.
    Better that you post your topic here  > Developer Forums: Apple Support Communities
    I do see on my iPad what you are rreferring to. But you shoudl get the feedback you need in the developer forum.

  • New iPhone 6. Windows 8 desktop. Running Firefox browser as my default. Would like to sync my Bookmarks with Safari on iPhone 6.

    New iPhone 6. This s my first iPhone. Windows 8 laptop. Running Mozilla Firefox browser as my default. Would like to sync my Firefox Bookmarks with Safari on iPhone 6.
    It would be nice if Firefox was available on the iPhone, but apparently it is not.
    If I could do a direct sync of Bookmarks between Firefox on a W8 machine and the iPhone, that would be nice.
    Assuming I can't, I have installed Safari of my W8 laptop,
    I exported my Bookmarks from Firefox, and then imported them in Safari.
    First question:
    Safari shows my Bookmarks in a way that is different from Firefox. It shows all the folders fown the left side of the window. If I want to see a saved bookmark within one of the folders, I have to click on the folder name and then the contents are shown in a separate panel off to the right. Can I get all Bookmark folders to open up vertically, that is, down the left side and under the folder name as they do in Firefox?
    Second question:
    How do I sync the bookmarks so that all hoes-based bookmarks are downloaded to my iPhone. An articel I read speaks of connecting my iPhone to the laptop. I have no idea of how to do that.
    Thank you for any help. Not sure what Community to post this in. Sorry. Newbie new to A

    I have loaded my Firefox bookmarks into Internet Explorer Favorited. I also uninstalled Safari.
    I go to iTunes on my phone and see no wat to connect my iPhone to my laptop. I see Music, Shows, etc., the kind of stuff I would expect, but no clue as to how to proceed.
    Would you please be so kind to fill me in on how to "That syncing is done via iTunes. Connect the device to iTunes, select it, then go to the Summary page and select to sync bookmarks."?
    I am not sure what you mean by "Summary Page"
    Thank you

  • TS2634 when using apps or running safari my iphone 4 glitches then tries to reboot,done a full restore but problems still persist

    when using apps or running safari my iphone glitches then takes an age to reboot,done a full restore but still getting same problems any ideas

    The Basic Troubleshooting Steps are:
    Restart... Reset... Restore from Backup...  Restore as New...
    If you have tried all these Steps and you still have issues... Then a Visit to an Apple Store or AASP (Authorized Apple Service Provider) is the Next Step... Be sure to make an appointment first...
    See if there is anything here first to help with your issue...
    Troubleshooting applications purchased from the App Store

  • Disable full screen safari on iPhone

    After upgrading to iOS 7, I noticed that the toolbar disappears in safari while browsing.  I am a heavy user of the back button and the bookmarks button.  Both of them only require a single touch to use in iOS 6.  Now that the toolbar disappears, if I want to use the back button, I either have swipe completely left to right or swipe down to get the toolbar back so I can use the back button.  For the bookmarks button, I have to swipe down to bring back the toolbar and then I can use it.  Alternatively, I can try to chicken peck the bottom of the screen with the hopes that the toolbar will reappear.  If I use this alternative approach, sometimes it works, sometimes nothing happens, and sometimes I hit an ad by mistake. 
    Is there a way to disable full screen mode in safari on iPhone?  I will gladly give up the additional real estate to have a persistent toolbar.  It works better with the way I browse.

    Try this app. I've used it for a year or so and it takes full screen pics. It doesnt offer a ton of advanced functionality but it works. It also allows users to take photos by tapping anywhere on the screen (which was my original reason for downloading).  Enjoy
    SuperFast Camera
    https://itunes.apple.com/us/app/superfast-camera/id500659062?mt=8

  • Why don't .png files display in Safari for iPhone, iPad?

    Why don't .png files display in Safari for iPhone, iPad?

    James,
    Thanks for your response.  The image was on a site I maintain.  I have already replaced the image with a jpg, which works fine.  I believe I can duplicate the problem, if you think it is worth it.  Gimme a few...
    http://www.oaksbible.org/Contents/about2.html is the page with the png I restored to use.
    http://www.oaksbible.org/Contents/about.html is the page with the replacement jpg
    Just checked.  The png still does not display on iPhone(5) or iPad(3).  The image was also made by me in pixelmator and both (png and jpg) were exprted from pixelmator.
    thanks again,
    Tim

  • Safari for Iphone has a dark shade and the menus in the bottom doesn´t work. What to do?

    Safari for Iphone has a dark shade and the menus in the bottom doesn´t work. What to do?

    Welcome to the Support Communities. This Apple doc may help:
    iOS: Not responding or does not turn on
    ...Found here:
    http://www.apple.com/support/iphone/essentials/

  • Horizontal smooth scrolling

    Is it possible to have longer pages (768x1500) and set it to horizontal smooth scroll. I wonder if you could upload several long articles and combine them into one article and set it to horizontal smooth scroll?

    I think the Smooth Scrolling feature is designed for webpage-style vertical scrolling only. The 'Horizontal' and 'Vertical' direction settings refer to the layout orientations (your landscape and portrait layouts), not the direction of the scroll action itself.
    If I understand this incorrectly, please someone jump in to correct me.
    You could get around this by having horizontal Scrollable Content that fills the height of your layout but extends left-and-right. The problem is that, having reached the right-hand end of the Scrollable Content, swiping across the iPad screen will not move you on to the next page or next article. Perhaps you could get around this by adding a secret button (a 'navto' link to the next page) that overlays a button graphic that only comes into view at the end of the Scrollable Content. Not sure if this would work, though.
    Ali

  • Horizontal Parallax Scrolling

    Hello,
    Relatively new to Edge, but great program.
    But having a problem implementing the horizontal parallax scrolling as per edgedocks.com
    http://edgedocks.com/edgecommons#anchor_edgecommons_9
    I'm using the prescribed code but doesn't work, was wondering if anyone has come across this?
    yepnope({
        load: "http://cdn.edgecommons.org/an/1.0.2/js/min/EdgeCommons.js",
              callback: function() {
                        EC.centerStage(sym);
                        EC.Parallax.setup(sym, "horizontal");
    Thanks
    Lynchski
    p.s. Vertical Parallax scrolling working fine...
    Anyone? :-D

    Same problem here... If I found something... I'm going to let you know (or did you founded ??... since)

  • Problem with an extra horizontal div in gallery demo

    I posted my problem as a comment in
    A
    thread on a similar 3 col problem
    But I'm posting a new topic on my specific problem.
    I cannot add another HORIZONTAL div to my gallery, and have
    if function as intended.
    See
    http://www.coolabah.com/spry/demos/gallery/
    The very bottom panel is set up as 15px high. But it takes up
    much more in height. Doesn't matter WHERE I put it, or if I alter
    the height.

    Please note,
    Removing I investigated spry a little more, in the end I settled for removing spry altogether,
    Maybe it was because the text field in a $GET (for the default) AND a $PUT (for the update)

  • I can not open safari because iphone is not conneted to the internet

    i can not open safari because iphone is not conneted to the internet. i need to know what to do to make it work

    Settings App > General > Reset > Reset Network Settings. Settings App > General > Cellular > make sure Cellular Data is turned ON to connect to Carrier. Or Settings App > WiFi > Log into WiFi to so you can get internet connection.

  • Horizontal divs

    Have a page with a menu bar on the bottom using 3 horizontal divs on top of 7 horizontal divs. Have them positioned center on a 1024px width page. The top three all float left and all have left margins. The same is true for the bottom 7. Each div is a link.
    The difficulty I am having is the spacing of both bars. The top two on the left are where I want them to be. Tried a margin-left: 70px for the third from left and it jumps to the second line. The largest number is margin-left: 26px.
    The bottom menu items have no spaces between them. However, to center all I would like margin-left: 114px for the left most div. Once again the is no number that works to get the last div on the same row.
    The page in question is: http://kellymaglia.com/test/links.html
    This is the first page with all divs. When this works out all(?) of the tables will be converted.
    Thanks.

    Okay, I'm back. New theory: float the Facebook to the right and allow the rest of the content (before the navigation) to flow up to the left:
    #links_pic     { }
    #facebook {float: right;margin-top: 72px;margin-right: 20px;}
    #kmphoto     {margin-top: 26px;}
    #abennett {margin-top: 42px;}
    #bespun     {margin-top: 42px;}
    #upartists     {margin-top: 46px;}
    #menubar     {width: 838px;margin: 25px auto 0;}
    /*large menu*/
    #couture     {width: 220px;float: left;}
    #dancewear     {width: 286px;float: left;margin-left: 60px;}
    #theatre     {width: 200px;float: left;margin-left: 60px;}
    /*small menu items*/
    #menuitems {width: 816px;margin: 0 auto;}
    #shop     {float: left;width: 91px;}
    #noslip     {width: 114px;float: left;}
    #contact     {width: 136px;float: left;}
    #home     {float: left;width: 124px;}
    #faq     {float: left;width: 104px;}
    #policies     {float: left;width: 124px;}
    #links     {width: 103px;float: left;}
    .clear {clear: both;}
    BASIC CONSTRUCTION ORDER:
    #container. Notice that I have added overflow: hidden; to the rule definition. This will force the background of #container to enclose all the menubar divs.
    #links_pic (as now)
    #facebook. Notice that it now floats to the right with a top and a right margin. Using a negative positioning as you had breaks in several browsers. Better to insert Facebook first and let the other content flow up to its left.
    #kmphoto. Notice that it only has a margin-top and does not float, because it does not need to.
    #abennett. Same
    #bespun. Same
    #upartists. Same
    #menubar. Added to your margin-top: 25px; is margin-left and margin-right: auto (expressed margin: 25px auto 0;)
    #couture. Now floats left with no additional margin-left.
    #dancewear. Floats left with a margin-left
    #theatre. Floats left with a margin-left
    .clear only clears items on both sides and keeps the smaller menuitems from moving up into the large item menu
    #menuitems. Width 816px; margin: 0 auto; centers inside parent element (#container).
    items here; they have width and float: left;
    Here's a wireframe of the html:
         <DIV id="container">
              <DIV id="links_pic">image</DIV><!--end links_pic-->
          <DIV id="facebook">
                     <!-- Facebook Badge START -->facebook badge<!-- Facebook Badge END -->
          </DIV><!--end facebaook--> 
      <DIV id="kmphoto">image/link</DIV>
              <DIV id="abennett">image/link</DIV>
            <DIV id="bespun">image/link</DIV>
          <DIV id="upartists">image/link</DIV>
    <DIV id="menubar">
                 <DIV id="couture">image/link</DIV>
                <DIV id="dancewear">image/link</DIV>
                <DIV id="theatre">image/link</DIV>
                </DIV><!--end menubar-->
            <div class="clear"></div>
    <DIV id="menuitems">
                <DIV id="shop">image/link</DIV>
                <DIV id="noslip">image/link</DIV>
                <DIV id="contact">image/link</DIV>
                <DIV id="home">image/link</DIV>
                <DIV id="faq">image/link</DIV>
                <DIV id="policies">image/link</DIV>
                <DIV id="links">image/links</DIV>
                </DIV><!--end menuitems-->
    </DIV><!--end container-->
    Beth

Maybe you are looking for