Vertically align div (no tables)

Question

I can horizontally align a div and all the content looks nice. Looking to vertical align a div that does not contain any tables. I tried setting margin positions to some neg

Answer 1

There are a few ways to do this, all with compromises.

• Use position:absolute, a fixed height, and overflow:auto.
• Use display:table, display:table-cell, and vertical-align:middle
• Use javascript

I think option #2 is pretty good.

edit: I don't think option 2 will work in IE. You may be stuck with javascript if you want to keep the height dynamic.