Centering a div with absolute positioning

Question

I know this was probably set a million times, but how can I center a div that has absolute positioning.

I tried this and it does not center it.

You can browse the site here password: springy88

#logo{ position:absolute; width:243px; left: 50%; margin-left: 121.5px; } 

Answer 1

You need to use negative margins - margin-left:-121px . This will fix the logo. After that, you will need to position the navigator correctly ...

Answer 2

Centering a div is very simple, you know the width and height of the div. Assuming your div has a width of 100 and 100 heights

 div { position:absolute; left:50%; top;50%; margin-left:-50px; margin-top:-50px; } 

if you are unsure of the size, then you can probably use the jquery method.

Answer 3

You can set the value to% 50%, that is: left: 25% or right: 25%; Providing a wrapper is twice the width of an element.

Check here ..