Member Avatar for jevvv

I'm doing our site and the template I used looks nice on my old monitor, because it fits the screen. My new computer has a widescreen monitor and so now I see that the layout of the page has the page based on the left side of the monitor

How do I set it so the page centres in the monitor, whatever size is used? Isn't there a simple line that goes into the css to do this?

You can see it here: Mission Adventure

  • 2 Contributors
  • 2 Replies
  • 48 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by jevvv
Member Avatar for zeusofolus

Setting the right and left page margins to auto will typically solve this problem. (this creates a even left and right margin with the remaining empty space left over on a larger monitor)

For example if your html is:

<html>
<body>
<div id="container">
<p>This is your page content</p>
</div>
</body>
</html>

Then your css doc should be

body {
    margins: auto;
}

#container {
    width:760px;
    margins: auto;
}

Hope this helps
Eric

Member Avatar for jevvv

Thanks Eric, I'll try that.

... off to tinker

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.