[pmwiki-devel] centering a div

Hans design5 at softflow.co.uk
Sun May 20 12:18:25 CDT 2007


Sunday, May 20, 2007, 6:02:08 PM, The wrote:

> I have a div in my skin called wrapper that I want centered on my page.

> I tried #wrapper { position: center; } but it doesn't seem to work.

> Did I miss something?

Try the following method, explained here:
http://www.communitymx.com/content/article.cfm?cid=A8BBA&print=true

The HTML:
<body>
  <div class="wrapper">contents of page</div>
</body>
 
The CSS:
body {
   text-align: center;
   min-width: 770px; /* Use this, or */
   }
 
div.wrapper {
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid white; /* this. Both are not necessary */
   }


Hans




More information about the pmwiki-devel mailing list