🚀 go-pugleaf

> Is it possible?

Certainly, although when you finish you will still have a sow's ear of 
problems with content in your absolutely positioned containers ('layers'). 
Do you know about those?  The most troublesome one is the one that occurs 
when you browse to the page and increase the browser's text size display. 
The problem is caused by the inherent nature of absolute positioned 
elements - they expand vertically (or even overflow if a height has been 
specified for them) without regard for any other content on the page.

At any rate here's how to center -

It depends on whether you are using absolute positioning on the page, as to
which method might be best, but in either event, this will work -

Change this -

</head>

to this -

<style type="text/css">
#wrapper { width:760px; margin:0 auto;position:relative; }
/* 760px will display on an 800px screen maximized browser window without */
/* horizontal scrollbars. */
</style>
</head>

change this -

<body ...>
(the ellipsis represents any other attributes that might be mentioned in the 
body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!)

to this -

<body ...>
 <div id="wrapper">

and this -

</body>

to this -

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

and see if that helps.


-- 
Murray