div container?

[tonylundervold90]

I am working on developing a site. I am fairly new at this and am having a hard time with how the site views on my iPhone. When I view it on my computer it shows approx. 20 px of background image below the address bar on each page....which is how I set it up. However when I view it on the iPhone there is a significant amount more pixels of space after the address bar on all pages but the bio page. Any thoughts as to what may cause this? The site is www.jhsample.pcriot.com

 

[descalzo]

Sorry, brain lapse.

Moving to Programming.

 

[tonylundervold90]

If you go to www.jhsample.pcriot.com you can view all pages including the bio page. Thanks

 

[essellar]

You are relying on the default margins and padding to provide the space at the top of the page. Set the margin and padding for the body element in your CSS to 0, and use a margin-top on the #container of 20px (or whatever value you want to use) to move the container down the page. Just watch out for any additional margins on elements inside the #container div (like headings) that may poke out of the top of the #container and force it down.