Posted By

coreypurcell on 07/30/09

Tagged

css
design

Versions (?)

Last Edited at 07/30/09 08:37am

Statistics

Viewed 988 times

Favorited by 1 user(s)

Related snippets

Vertical and Horizontal Centering with CSS

/ Published in: CSS

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

.center {
  position: absolute;
  top:0; right:0; bottom:0; left:0;
  margin: auto;
 
  left:expression(this.parentNode.clientWidth/2 - this.clientWidth/2   " px");
  top:expression(this.parentNode.clientHeight/2 - this.clientHeight/2   " px");
 
  width: 60%;
  height: 60%;
}