Centering DIV in different resolutions Options

[Unfold]

I've tried using this code to center my DIV layout in different resolutions :

CODE

<div class="content" style="position:absolute; z-index:2; left:50%; top:0%;
margin-left:-195px; margin-top:150px; width:210px; height:210px;border-style:solid; border-width:0px; border-color:000000;overflow:auto;">

but it doesn't seem to work for me.
do i need to delete the image code of my layout for it to work?

[*WHIMSICAL 0NE*]

It should work. Are you closing your divs?

CODE

<div class="content" style="position:relative; z-index:2; left:50%; top:0%;
margin-left:-195px; margin-top:150px; width:210px; height:210px;border-style:solid; border-width:0px; border-color:000000;overflow:auto;"> CONTENT </div>

[Unfold]

hmmm that's for my content right?

is there any way that i could make everything (content and DIV image) centered for every resolution?

[*WHIMSICAL 0NE*]

Hm, you could make seperate divs for the image and the content so that the image doesn't interfere with the content. So if you wanted your image centered you could just do this:

CODE

<div class="image" style="position: absolute; left:center; top:150px; background-color:;"><img src="http://IMGURL"></div>

It should horizontally center it, but you need to bring it down from the top so it doesn't cover up the ad.

[Unfold]

thanks a lot! :)

[Unfold]

it seems that it still not centering though im using this code:

CODE

<div class="image" style="position: absolute; left:centerpx; top:180px; background-color:;"><img src="http://i10.tinypic.com/2ljowvs.jpg"></div>

here's my test site for my layout click!

[*Infinite.*]

you can try this:

<div class="image" style="position: absolute; left:25%; top:180px; background-color:;"><img src="http://i10.tinypic.com/2ljowvs.jpg"></div>

[annalucky]

it seems that it still not centering though im using this code:

CODE

<div class="image" style="position: absolute; left:centerpx; top:180px; background-color:;"><img src="http://i10.tinypic.com/2ljowvs.jpg"></div>

here's my test site for my layout click!

You should take out the "px" in "centerpx." =]