I have a background image in a div that i want to have centered but i also have two to three divs that go on top of it i need them to stay in the same place on the image, is there any way to do this using css positioning??

thanks in advance

[kjmatthews]

Yes. Set "position: relative" for the large div with the background image (which I assume contains the three smaller divs - if I'm wrong let me know). Then, you should be able to position the smaller divs precisely using position: absolute. Since their containing element is relatively positioned, they should not overflow its boundaries unless you set negative values for the absolute position.

would the same work if i only wanted to use a div on the left and right side using the same setup?

edit: thanks that works great.

[kjmatthews]

would the same work if i only wanted to use a div on the left and right side using the same setup?

If I'm understand what you mean, then yes. You would position them as

Code:

div.left {position: absolute; left: 0; top: 0;}
div.right {position: absolute; right: 0; top: 0;}

Glad it's working!