markvs Posted August 20, 2012 Report Posted August 20, 2012 I would like to center a div vertically within a containing div without having to manually figure the height of the containing div, and then applying the appropriate top margin to the inner div. I know you can't use margin: auto 0;. So, what are my options? Can I do this with javascript? Quote
MacRankin Posted August 20, 2012 Report Posted August 20, 2012 Hi there I've found a couple of possible examples. I'm only marginally interested because I was playing around clearing floats the other day, and the second example looks interesting when wondering if one can merge both ideas. Anyway, about those examples... Vertically and Horizontally Centered Div Cross-browser Vertical & Horizontal Centering Quote
markvs Posted August 21, 2012 Author Report Posted August 21, 2012 Thanks MacRankin for the info. Helpful, but I think I'm looking for something that doesn't exist. Quote
Wickham Posted August 22, 2012 Report Posted August 22, 2012 You can't make the inner div center vertically unless you give the container div a height to work within unless you use display: table and display: table-cell (unless javascript can do it). See item 17f here http://www.wickham43.net/firefoxbackground.php where neither the container #displaytable, nor the middle div #displaytablecell2 nor the green div #nested have a height. Quote
markvs Posted August 22, 2012 Author Report Posted August 22, 2012 Thanks Wickham - that was very helpful! Cheers Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.