Advanced Search

Return to Snippet

Revision: 53525
at November 25, 2011 21:44 by Neven
Initial Code 
function CenterInsideDiv(divContainer,elementToCenter) {
            var divContainerHeight = divContainer.height();
            var elementToCenterHeight = elementToCenter.outerHeight();

            var elementNewTop = divContainerHeight / 2 - elementToCenterHeight / 2;

            elementToCenter.css({ top: elementNewTop, left: 0 });                            
        }   

// call function like this
CenterInsideDiv($("#elementToCenterId").parent(), $("#elementToCenterId"));
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
Position of the element to center needs to be relative to the container.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Center element inside of a div container

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
center

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
JavaScript