http://snipplr.com/language/css/tags/alignment Recent snippets posted on Snipplr.com en-us Thu, 21 Aug 2008 17:53:05 GMT http://snipplr.com/view/4803/centering-an-element-in-page-with-absolute-position/ Our need is very simple. We need a pop-up message, or a div element in general, to appear at the middle of the page anytime using only style sheets. Our problem is that there is no “center” property in css, like “left” of “right” which can be used with “position:absolute”. To make it align at the center of the x-axis you have to play the game of percentages. Give to your element a width in percentage (ex. width: 30%), remove the 30% from the 100% of the browsers window and you get the left 70%. Then divide this 70% into two pieces and you get 35%. That the equal left and right margin, our element will have.

]]> Mon, 28 Jan 2008 01:22:01 GMT http://snipplr.com/view/4803/centering-an-element-in-page-with-absolute-position/ http://snipplr.com/view/2804/align-elements-on-left-and-right-side/

]]> Wed, 06 Jun 2007 01:39:09 GMT http://snipplr.com/view/2804/align-elements-on-left-and-right-side/ http://snipplr.com/view/2792/horizontally-center-a-box/

]]> Mon, 04 Jun 2007 02:18:02 GMT http://snipplr.com/view/2792/horizontally-center-a-box/