Question

I’m currently building a popup box script using css/jquery and i can’t seem to get the div centered on the screen on all cases. It it possible to center it without knowing the div width?

Instead of posting all the code here i put up a live example at http://goo.gl/N45cp

Any kind of help is much appreciated!

Best Regards
John

Answer 1

<div id="wrapper">
    <div id="child"></div>
</div>

If the position of the #child is not absolute, you can set left and right margins to auto:

#child {
   margin: 0 auto;
}

Or if the position is absolute you can try the following:

$("#child").css("left", function(){
    return ($("#wrapper").width() - $(this).width()) / 2;
});