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
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
Thanks Eric, I'll try that.
... off to tinker
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.