Comments on snippet: 'Centering an element in page with absolute position'

SmpleJohn said on 1/28/08

Mon, 28 Jan 2008 10:54:30 GMT

Out of curiosity, why would you need a separate ie & moz tag? "margin:auto;" should work in both.

SmpleJohn said on 1/28/08

Mon, 28 Jan 2008 10:34:55 GMT

Out of curiosity, why would you need a separate ie & moz tag? "margin:auto;" should work in both.

adix said on 1/28/08

Mon, 28 Jan 2008 02:22:24 GMT

center-box will be centered, will have 250px in width.

adix said on 1/28/08

Mon, 28 Jan 2008 02:21:47 GMT

center-box will be centered, will have 250px in width.

adix said on 1/28/08

Mon, 28 Jan 2008 02:14:45 GMT

Your code is correct, but you are wrong. Using percentages would result in elements that are larger than the ones the user actually needs.

Try this: .ie-center { text-align:center; } .moz-center { margin:auto; text-align:center; width:250px; } .center-box { border:1px solid #efefef; background:#efefef; }

center-box will be centered, will have 250px in width.