Hi guys, what is the best and easy way to align vertically and horizontally a div ?

I suggest you learn how to google

http://css-tricks.com/snippets/css/exactly-center-an-imagediv-horizontally-and-vertically/

There are loads of results on Google, all of them are different, that is why I am not asking "how" to do it but "what is the best way" to do it.

Still, google it. Just like we did to learn. Why wouldn't you find the best way to do it on Google? Do you think you're the first one on the internet to ask that question? Allow me to giggle in the most manly way possible- yes, my beard is at least 1 inch so I'm allowed.

This post was edited by Eagl3s1ght on Dec 6 2013 03:51am

That sounded manly enough, but still, I googled it and looked at a LOT of results, and I still don't know which one is the best one. To me, loads of them looks more like CSS tricks than the real way of doing it.

Don't be fooled by your illusion of what you consider "CSS tricks" to be, I use the method 0n35 linked above (http://forums.d2jsp.org/topic.php?t=69455640&f=126&p=465934851) and I'm sure he would use the same method himself.

This post was edited by Eagl3s1ght on Dec 6 2013 12:09pm

I knew that method, but the problem with the negative margins is that if you reduce the window, the overflow of content will disappear without any scroll bar to see it.

Then use other CSS for a smaller window, using Media queries.
For example, if #popup is 300px and window is smaller than 300, reduce #popup to 200px with margin-left: -100px

Are the media queries working well with the old versions of browsers ?

Now we're there again, where you forgot how to Google.
Let me remind you:
1. Open your browser
2. Navigate to the website http://www.google.com
3. Type what you're looking for in the search field (eg. media+queries+compatibility+chart)
4. Click the submit button

Yes, it's that hard. Hope you can handle it!