Never been to DZone Snippets before?

Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world

Vertical Centering in CSS (See related posts)

#center{
   width:100px;
   height:100px;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-50px;
   margin-left:-50px;
}


usage:

<img id="center" src="path/image.gif":
to html css style by rafaeltds on Mon Jul 04 06:39:30 -0400 2005

Comments on this post

singpolyma posts on Jul 07, 2005 at 16:28
It should be noted that this centers a single element on a page, not something within a box
angelgirl posts on Oct 26, 2005 at 19:41
Is this cross-browser compatible? I've noticed some wierdness using this technique in IE on Windows.

You need to create an account or log in to post comments to this site.


Click here to browse all 4858 code snippets

Related Posts