SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    Jul 2008
    Posts
    109
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    iphone displaying site a weird mix of widths. @media query help needed

    I'm having an odd issue with a website I'm building. The site is http://sandagebell.biklopsdesign.com.

    On a desktop browser it looks GREAT! But on the iphone there's a weird mix of full-width and not-quite full-width elements. You can see the annotated screenshot here: http://cl.ly/MC25

    I know nothing of @media queries but I assume that's the issue here. How can I make the whole site 100% wide on the iphone? I've done some reading but am getting conflicting information. I'd really appreciate some guidance.
    tweeting: @biklops

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,198
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Not sure if it's causing the problem or not, but you do have some over-wide elements on your site that cause a slight sideways scroll even on desktop, such as the border on this element:

    Code:
    <div class="wrapper" id="wrapper-14">
    </div>
    Which is already set to width: 100%; Anyhow, I would fix inconsistencies like that first, at least to rule them out.


Tags for this Thread

Bookmarks

Posting Permissions

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