Apple mobile devices problem
 

Hi peeps
So I finally sorted out my website. Tested it on the main browsers and everything was okay.
I uploaded it and then went to show a friend on my Iphone and waddya know, it doesn't display properly.
For some reason the background image tiles 4 times. And this goes for Iphone, Ipad, and Ipod.
There are parts of the site that use flash so It's not optimised for Iwhatevers anyway, but I'd definately like to sort out this "first impression" problem.

The site is an adult site (Don't worry SFW). It's www.xturnmeonx.com

Any ideas peeps.

call me ignorant, but what in the world does "SFW" mean? I personally dont care what you do and what not; but I work both in an office and from home and i do not want to get fired or expose children in my house to a large majority of "adult material", especially if its porn... can you please clarify the "adult" content?

SFW = safe for work.

It isn't, though. Don't click it.

There is nothing pornographic to be seen at all on the website, unless a download is made (Which is audio).
If you're unsure then look at home with nobody about, but the worst you'll see is nothing more than "Sexy" images, containing no genitalia at all.

I use an LG phone, so I can't test your site directly, but I would suggest beginning by explicitly specifying background-repeat with the most restrictive value possible for each background image.

You have a lot of background-related declarations, but none of them have the repeating behavior specified, so they'll all be defaulting to background-repeat: repeat and therefore repeating on both axes. That could be a cause for problems given that mobile platforms like mine allow you to alter the page structure to force it to fit neatly on screen.

Also worth noting is that the top navigation and banner vanish without a trace in my phone's "Fixed Width" mode. Apparently, you didn't specify any fallback content in the source code, so the fallback is nothing. The page is at least navigable due to the secondary navigation on the bottom, but the banner (with the site title) is simply gone.

The site seems to display fine in "Standard" mode, however.

Out of the utmost concern for your children, I will undertake the task of describing this potentially mind-damaging and/or offensive content for you:

The most "adult" of the content appears to be photography including the visible buttocks of two women.

The most prominent of these is a large background image featuring a woman's backside; she's wearing something between a bikini-bottom and a thong and having the back of her bra unsnapped by a mostly invisible guy behind her.

The other is a thumbnail of a woman shown from the side; she's wearing lingerie, but it doesn't cover her posterior. The woman is straddling a guy who is nude only by implication.

There are also four kissing scenes. One of these four scenes is explicit and occurs in a thumbnail while the remaining three are implied; the lip-locking is invisible or not clearly visible in these three.

Additionally, the torsos of two males are partially exposed; one each are in the first two aforementioned images.

Thanks arbitrator.
Looks like I have a bit more work to do :)

My main problem is solved.
Thanks to this
http://www.defusion.org.uk/archives/...iphone-safari/

All I did was save teh background image as a png, and it worked.
You'll undertand why if you read that article.
thanks

I'm afraid that I don't understand why. That article involves shrinking and subsampling and your problem involved repeating.