Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts

    iPhone problem: The right edge of my site gets cut off

    Hi all,

    For some reason, my site (http://www.emineer.com) cuts off a bit when viewed on an iPhone. Here's a screen-capture to show what I mean:



    You can see that the right edge of the top blue background is getting cut off (it should stretch to the edge of the screen). It even happens on inner pages:



    As you can see, the right side of my site is cut off a bit. I have width set to 100%, so I'm not sure why this happens. It's not my phone because other sites work just fine.

    Any reason for this?

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,666
    Thanks
    6
    Thanked 1,006 Times in 979 Posts
    Look at it on a regular computer screen, then make your browser window so narrow that a horizontal scrollbar appears and scroll to the right. Notice anything?

  • Users who have thanked VIPStephan for this post:

    thegreatpursuit (07-08-2011)

  • #3
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Yes, I see what you're saying. It also cuts off.

    But the thing is, this happens on my regular computer when I visit a site like http://www.woothemes.com, but yet, that site looks fine on my iPhone...?

    Do you know how to fix this?

    Thank you very much,

    Brandon

    P.S. I love your avatar!

  • #4
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,740
    Thanks
    41
    Thanked 191 Times in 190 Posts
    i think you missed what was happening... this doesn't happen to me when i shrink my window (their site)... i think the problem lies in your position:relative;

    Edit: By this i meant what VIPStephan was hinting at... your object (can;t remeber what it was called checked it a little bit ago) starts shrinking as the window shrinks and no longer takes up the space it's supposed to

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #5
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by alykins View Post
    i think you missed what was happening... this doesn't happen to me when i shrink my window (their site)... i think the problem lies in your position:relative;

    Edit: By this i meant what VIPStephan was hinting at... your object (can;t remeber what it was called checked it a little bit ago) starts shrinking as the window shrinks and no longer takes up the space it's supposed to
    Well, I've removed the position:relative and the problem hasn't gone away...maybe if you can tell me the object you're talking about?

    Thanks for your help,

    Brandon

  • #6
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,740
    Thanks
    41
    Thanked 191 Times in 190 Posts
    #header_area... if you shrink your browser to be idk, say half the screen width- and you scroll right that object shrinks as the browser shrinks

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #7
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    2
    Thanked 0 Times in 0 Posts


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •