[tommyp]

Hi,

I know there are plenty of guides out there showing people how to use the google wap site maker and how to intersquash your rss feeds however Ive been tasked with the job of creating an iphone freindly version of a website, basically a stripped down version of a larger site. I have made the basics on the site however when the page loads on the iphone the site appears zoomed out. Does anyone know how to define the page width? assume there is something i need to add to the css file? ive already tried the below

@media only screen and (max-device-width: 480px) {
.navigation {
display: none;
}

I know this is more of a web dev kind of question rather than iphone application question, but i thought that someone may have had some experience developing sites for the iphone.

If any one is interested the site in question is here

Thanks

---

EDIT: Sorry have just seen poetic_folly's sticky about coding at 100% width. This is put in the css right?

---

EDIT: Sorted.. i just added the below to the head of the page

meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"