CSS Position Center

[vbNeo]

How would I position a div so that its horizontical(left-right) center would be the center of the page(the center of body)? Can I somehow set it's handle to it's own center and just use: left:50%; ?

[CornedBee]

There are two ways, and you need a fixed width for both. For in-flow boxes, you use margins.

#thediv {
  width: 100px;
  margin-left: auto;
  margin-right: auto;
}

For out-of-flow boxes, you use, uh, margins

#thediv {
  position: absolute;
  width: 100px;
  margin-left: -50px; /* Half the negative width. */
  left: 50%;
}

[vbNeo]

Ah, nice - thanks!