iphone, css, margin & block model

See the attached picture for view of the issue. This view shows the iphone layout with width: 300px.

Of note, and what I'm trying to shrink is what appears to be a 'margin' on the left & top that is not (fully) wanted. If I set the width: 292px, then a corresponding border appears on the right side, now making the page look finished. I do want the 2px gray border around the page, and for the <div> to be centered in the viewport.  292px, looks good, but has too much left margin.

Since the viewport is 320px, I'd like for the <div> block to be 300px wide, with 2px border, 5px padding, which totals 314px and stil leaves room for 3px margin on each side (if centered).

What can I do to shrink the apparent margin (un-called for) on the top and left?
<style type="text/css">
h1 {
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.0;
	text-align: left;
	padding-bottom: 10px;
}
a:link, a:visited {
	text-decoration: none;
	color: blue;
}
#page_size {
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 2px solid #A9A9A9;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	border-spacing: 0;
	width: 300px;
	padding: 5px;
	min-height: 390px;
}
omitted for space
</style>
</head>
<body>
<div id="page_size">
<h1>Reserve List<span style="padding-left: 110px; font-weight: normal;"><a class="button" href="members.php" >Home</a></span></h1>

and so on.

Open in new window

Screen-shot-2010-09-14-at-10.09..png
LVL 1
dolan2goAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
mreuringConnect With a Mentor Commented:
Seem to me no different from any other website, just make sure html and body have no margin/padding...
html, body {
margin: 0;
padding: 0;
}

Open in new window

0
 
dolan2goAuthor Commented:
Ouch. I guess that's why you are a Sage.

Thank you for the quick reply.
David
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.