Question

Does anyone know how to center a vertical drop down menu for all screen resolutions?

I’ve tried literally everything. Either it will be too far left, too far right or move up and down the longer the screen resolution height is.

Menu Issue: http://www.differentregard.com/home.php

CSS Code: http://www.differentregard.com/css/homebg.css

Answer 1

The only pure-CSS way to center something both horizontally and vertically I know of requires the thing to be of a fixed width and height, but given that:

• Position it absolutely, and set left and top to 50%.
• Set left margins to negative half of the width and height respectively. (If you use borders or padding, you must account for that by adding them to the width/height before halving)