Absolute positioning within other DIVs

Okay, so I have my website all coded out, im using Absolute positioning. How can I then center my website. I have tried putting a wrapper around to center, but im guessing as I am using absolute positioning, it positions everything from the left, and not from the left of the wrapper div. Im guessing I have to use floats etc, but im not too sure how to use them, any ideas?

what i do is use tables
<table width="1024">
<tr><td align="center">content you want aligned</td></tr>

but if your using divs like not me, im sure there is a better way

Got to keep up with the times! Tables are bad :P

Im sure floats are the way to go, just need a helping hand.

Remember, if you use WildCard example you need to set a width, either in Pixels or Percentage, but you need to set it, otherwise it won't center it at all...

If you put position:relative; in the css of the wrapper, all the positioning should stay the same relative to each other. Absolute positions aren't completely absolute when they're contained in a relatively positioned wrapper, so doing this should help =)

Originally Posted by MishieMoo If you put position:relative; in the css of the wrapper, all the positioning should stay the same relative to each other. Absolute positions aren't completely absolute when they're contained in a relatively positioned wrapper, so doing this should help =)

this guy is absolutely correct. (...sorry)

add something like <div id="wrapper"> ... </div> to your HTML and #wrapper {width: *your width*; margin:0 auto; position:relative;}
that should have your page centered without having to redo your absolute positioned layout.

For a long time I could never seem to get div's to center inside wrapping divs, but just today I FINALLY figured it out! And I had to do a little extra for cross browsing.

goodluck!