Can anyone assist me in centering a div both vertically as well as horizontally.
I have created a div and assigned the following css rules to it.
It is perfectly centered on my page, however as soon as you use the zoom feature in the computer (ctrl "-" "+") the box still remains centered but starts to get dragged to the top of the screen.
I have tried many different combinations.
I would like to have this div centered no matter what the user does with either screen resolution or zoom function.
Is it even possible?