Page size and monitor sizes?

H

Heather

I have designed a website at www.nameyourpricepainting.com, and am in the
process of redesigning it. Since there are so many different monitor sizes
out there I would like the pages to conform to the correct monitor size when
the site is opened. How do I make the page size centered for larger monitor
sizes and then take up the whole screen for small monitors. Thanks!
 
B

Bob

Two ways come to mind.

1. Use a table 740px wide and centered on the page. This will fill the
screen when viewed in a browser full screen at 800x600 and will center on
the page when viewed with larger browser view ports.

2. Use a CSS wrapper <div> to contain your page in the same way as the table
above does.
Like this.
in the head before </head> tag put..

<style type="text/css">
body {
text-align:center;
}
#wrapper {
text-align:left;
width:740px;
margin:0 auto;
position:relative;
}
</style>

Then

<body>
<div id=wrapper>

<!-- Everything on the page here. -->

</div><!-- /wrapper -->
</body>

HTH

bob
|I have designed a website at www.nameyourpricepainting.com, and am in the
| process of redesigning it. Since there are so many different monitor
sizes
| out there I would like the pages to conform to the correct monitor size
when
| the site is opened. How do I make the page size centered for larger
monitor
| sizes and then take up the whole screen for small monitors. Thanks!
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top