Position:absolute and centering Options

[GunsNRachel]

I know when you have position: absolute and you put left: 50% it's supposed to center what you want to center.. but mine isn't? I'm confused. It puts it to the right instead of center.

Here's the code:

CODE

.heading{
width:700;
height:300;
background-color:ffffff;
border:0px;
border-color:000000;
border-style:solid;
position:absolute;
left:50%;
font-family:;
color:;
font-weight:normal;
font-size:;
letter-spacing:;}

[danielkraus]

Not sure if this will help, as I am new, but you could add this

CODE

top:0%;

If that does not work, I sometims will use

CODE

margin-left:XXXX;_margin-left:XXXX;
         margin-top:XXXX;_margin-top:XXXX;

This may work it may not, but I usually try these options first. Hope it at least helps a little.
******************
Read what schizo wrote below, I missed the lack of "px" on your width and height.

Reason for edit: Use [code] for smaller codes. - Gabi. ;)

[schizo]

You have to add margin-left:#px in there. Since the width is 700px, set the number to about -350.

[GunsNRachel]

the margin-left thing is just making it go more to the right?

[schizo]

It shouldn't. Right now you have nothing to position it. Just having left:50% isn't going to work.

[Jghelfi]

CODE

MARGIN-LEFT= GOES TO THE RIGHT
MARGIN-RIGHT= GOES TO THE LEFT
MARGIN-TOP= GOES TO THE BOTTOM
MARGIN-BOTTOM= GOES TO THE TOP

LEFT: 1-49% = GOES TO THE LEFT on a small number
LEFT: 50-100% = GOES TO THE RIGHT on a big number

[GunsNRachel]

I must be on crack! haha. I just figured it out. Thanks guys.

[schizo]

Topic closed and moved to Resolved.