mobile width help

Discussion in 'CSS' started by caligrafx, Jan 20, 2011.

0
  1. #1
    I have tried every combination that I know of to get this to work!

    In a normal pc browser the page is centered, but on a android cell phone the page is centered but the web page has an extra width on the left and right side. I am looking to not allow it to have any scrolling from left to right!

    Any help would be great!

    http://www.totallymotorsports.com/mobileversion.html

    Thanks,
    Adam
     
    caligrafx, Jan 20, 2011 IP
  2. GWiz

    GWiz Peon

    Messages:
    359
    Likes Received:
    17
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I don't have a mobile device so I can't help you debug it. But you can attempt to debug it yourself. The easiest way to do this is to simply remove chunks of code and see if the problem goes away. If the problem goes away after removing a particular element, then you basically have isolated where the problem is taking place and can play around with that code until it works the way you want.

    Good luck.
     
    GWiz, Jan 20, 2011 IP
  3. caligrafx

    caligrafx Active Member

    Messages:
    137
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    83
    #3
    Wow... I never thought about doing that, lol! Thanks for the tip!

    Adam
     
    caligrafx, Jan 20, 2011 IP
  4. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #4
    What I do is 100% layout, so depending on screen resolution layout is stretched to 100%.
    you have set an width of 320px.

    + your footer is actually 320(width)+2(left padding)+2(right padding)= 324px (for some browser). if screen res is 320 then layout will have a scroll.
     
    Last edited: Jan 20, 2011
    radiant_luv, Jan 20, 2011 IP