Hi good day guys. I know this is dead easy to those experienced CSS coders. I have this problem that when I resize or maximize the window of my browser my page will also resize. What I want is my page will be in the center and when resizing or maximing the window of my brower my page will not resize, the width will not increase. How can I do that? I used the mid-width attribute to make my page in the center. Problem solved when I used table and change the mid-width to width but I want my page doesn't contain a table as possible.

Code:
#content{
margin-left:5%;
margin-right:5%;
margin-top:5%;
min-width:500px;
border:1px solid black;
padding:5px;
background:white;
text-align:left;
}

'html code
<html>
<head><title>sample</title>
<link rel='stylesheet' type='text/css' href='mystyle.css'>
</head>
<body>
<div id='content'>
asdfasdfasdf
</div>
</body>
</html>
cheers.