[NeilCawse]

Hi guys,

I'm using the boilerplate template to make a simple 5 page website, I've sorted out most issue cross browser but I'm having a nightmare getting it to display properly on mobile devices, iphone and ipad.

http://neilcawse.co..../wax/about.html

I'm using:
<meta name="viewport" content="width=device-width, initial-scale=1.0"> &
<link rel="stylesheet" media="handheld" href="css/handheld.css?v=2">

but I don't think its using the mobile stylesheet, I've read that iphone uses a different call (http://csswizardry.c...phone-websites/)

The female and male treatment pages aren't displaying properly (.blurb) - I'm get getting a bit confused + angry, could someone point me in the right direction please.

Thanks in advance! (i hope)

[mteam]

tutorial-optimizing-your-website-for-mobile-devices

[mteam]

In fact this might be better obviously you'll have to add the stylesheets

<link rel="stylesheet" href="smartphone.css" 
media="only screen and (min-device-width : 320px) 
and (max-device-width : 480px)">

<link rel="stylesheet" href="smartphone-landscape.css" 
media="only screen and (min-width : 321px)">

<link rel="stylesheet" href="smartphone-portrait.css" 
media="only screen and (max-width : 320px)">

<link rel="stylesheet" href="ipad.css" 
media="only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)">

<link rel="stylesheet" href="ipad-landscape.css" 
media="only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)">

<link rel="stylesheet" href="ipad-portrait.css" 
media="only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)">

<link rel="stylesheet" href="widescreen.css" 
media="only screen and (min-width : 1824px)">

<link rel="stylesheet" href="iphone4.css" 
media="only screen 
and (-webkit-min-device-pixel-ratio : 1.5), 
only screen and (min-device-pixel-ratio : 1.5)">

This post has been edited by mteam: 26 May 2011 - 09:33 PM

[NeilCawse]

Thanks for that mteam, very helpful.

I'm sure I can sort this issue out now.

Many Thanks

[Sogo7]

http://www.forum.nok...or_smartphones/

Not tried this on an iPhone but does work with Android