How can I make a website I created in dreamweaver adjust according to the zoom?

Question

Ok so I made a website and its fine but at the top I put an image of my logo and the name of my company (combined into 1 picture). And in this picture, whenever I change the zoom in my web browser or look at it from a computer with a different resolution, it changes size in a way that is disproportional with the content of the site. The website is http://hes.us.com  On dreamweaver I made the picture size even with the content of the site but on the web browser it changes wierd. Any help I can get would be great. And if possible, give detail because i'm a beginner in web design. Like if you give me code, where would I put the code? Details like that. Thanks

Answer 1

And in this picture, whenever I change the zoom in my web browser or look at it from a computer with a different resolution, it changes size
Resolution or zoom changes have no effect at all on the rendering of your page or its contents.  A given image/page will look identical on any resolution as long as you keep the browser viewport width the same pixel size.
Change this -
.container {
    width: 79.2%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
to this -
.container {
    width: 79.2%;
    max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
    min-width: 797px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
Change this -
.header {
    background-color: #2D3186;
to this -
.header {
text-align:center;
Is that more like what you are looking for?