treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] Okay, this one has me stumped... background color shouldn't be there, only on iPhone

  • I'll keep it short, and hopefully someone can find a solution...

    One of my websites, http://www.skycrystals.ca/ has a background issue. On every page, the main content block has a a background-color #ccc applied. You won't see it on a web browser, and you won't see it on an iPad... it's only being rendered this way on an iPhone. (tested with iPhone 4 / 5)

    I've checked and I cannot find a background being set to #ccc grey anywhere.... I'm pulling out my hair on this one. Any suggestions?

  • are you sure its #ccc? Looks like #999 to me. Line 558 of main.css Oh, and you can see it on a desktop browser - just reduce the width

  • Can't right-click for context menu, can't debug :P

  • Ah ha! thanks SO MUCH wolfcry911! I came up with the CCC value by taking a screenshot on my iPhone, pulling that up in Photoshop and sampling the colour. I double-checked, and the iPhone was indeed rendering a CCC value when passed 999. How very odd.

    The CSS was also located in tcp_loop.css, and both have been removed and the problem resolved. Thanks so much for your efforts! Shrinking the browser window was the one clue I was missing. :)

    And CrocoDillon, thanks for trying anyhow! I use Firebug to debug my sites, works perfectly without right-click.