How to vertically center in css..

Check this out:
https://css-tricks.com/centering-in...

Or this: http://howtocenterincss.com

@Lucaa I love the fact that it's such a common problem, that it has its own website

display: flex will save lives.

@Lucaa I searched for an eternity and it's that easy?! Seriously: FUCK WEBDEV!

I stick with my C++, that's less confusing...

Dude...Flexbox makes this rant irrelevant

I think the idea is not to rant about the impossibility of it, but the joke of the Google suggestion

I wonder if the people shouting flex/flexbox have heard of safari and the market coverage it has.
Each scenario has it's specific solution.
It could be flex, table (parent) with table-cell (child), it could even be position relative (parent) with absolute children { top: 50%; transform: translateY(-50%); }

Again, depends on the scenario at hand

So true! It's quite frustrating at times. I often end up with this little thing: http://zerosixthree.se/vertical-ali...

@Lucaa, that's one sweet site, will have to check it out.

@avedis Just curious...Are u claiming safari in general doesn't support flexbox? And I'm shouting flexbox because it kicks ass and I pretty much use it daily.

Polyfills maybe?

Webdev is easy as shit.... if you can do other programming languages but complain about that then there's something wrong with you.....

@ScribeOfGoD real mature, expecially coming from someone who himself complained about elitism before

@rewert So let me get this straight. The person whose handle literally translates to God's record keeper was bitching about elitism. Now that is painfully ironic

@ScribeOfGoD I'm a musician and sometimes people ask me "what instrument do I consider to be the easiest to learn?" so I answer (always) "Every instrument can be either easy or difficult, it depends on how far do you want to go with it" I believe the same applies to programming languages and development technologies.

@jpichardo I agree. You have to work with it. Not expect it to change to what you want. @rewert, what I just said and also, I am against elitism, when they think they're better than everyone. Not someone who can't put work into something, expect it to just work and be pissed and quit when it doesn't. Our line of work isn't easy, if it was everyone would do it.

Check out https://blog.kabir.ml/posts/...

Did really nobody see the joke there...? XD

Did you mean: Suicide Assistance Hotline?

this joke is no longer relevant imo. we can vertical center now

Obviously use javascript :p

Jk dont do that.

margin-top: {insert random px}

vertical-align: middle;

@ChiSin Was that a joke?

Feel your pain😥

Flex, ftw

painful truth :(

2008 called, it wants you back.

Excuse me, death inspector coming through..
Yep, meme still dead

I literally did this today! It is the bane of my existence!

@Lucaa I even added IE6 support. Was seriously expecting a troll message. this was awesome ahah

I just use Flexbox.

Check this out:

https://w3.org/Style/Examples/...

@p-rex Back then, due to the popularity of older Internet Explorer versions, flex-boxes were not available.

@surgiie How would it even be done with JS? It would be much more difficult: measure distances and then position:relative or position:absolute with some top: and left: offset?

@Lucaa There was simple a HTML <center></center> tag since the 1990s, but that was removed from the standards. Perhaps it should have been kept, like "<b></b>" and "<i></i>", since centering is such a basic thing.

@exerceo sure, but the center tag didn't vertically center, it was basically the same as {display: inline-block; margin-left: auto; margin-right: auto;}