44
A1rPun
7y

So the CSS code I'm working on has a terrible vertical alignment problem on every browser except IE11. Using `display: flex` =_=

I'm not joking this alignment glitch is driving me nuts! Deadline tomorrow.

Comments
  • 2
    IE 11 does not vertically align items correctly when min-height is used - http://caniuse.com/#feat=flexbox see known issues. Maybe?
  • 5
    ok read that completely wrong sorry.
  • 1
    @penderis np. It's insane that every browser is failing me except IE11... That's unheard of.
  • 2
    @A1rPun maybe just as I read it and assumed IE is the problem you have code fixing it for IE but fucking in up for the rest? share sample would like to see if possible.
  • 1
    Check out this Pen I just wrote. Vertical alignment is so great in flexbox!

    https://codepen.io/levimichaelwhale...
  • 1
    @penderis I can't share it for licensing.. But I can obfuscate the code and let the css/html intact. I will create a fiddle tomorrow :)
    The issue is that I have 4 divs flex column and 2 of those divs need to occupy 50% of the remaining space.
  • 0
  • 1
    @leviwhalen hey thanks for that but the issue is more complex 😊 will share the code soon but this is my biggest rant ATM.
  • 2
  • 1
    @jiraTicket yeah it is css3 greatness :) you can easily create holy grail layouts with it. Screw tables
  • 2
    If it works on ie11 you are doing something wrong. Hope that helps.
  • 0
    For all who cared... I didn't fix it so we go in production with the old crappy layout :( better fix it in the next sprint 8|
  • 1
    @A1rPun oh well shit happens. If your able to make a fiddle would still like to see since it is bugging me just thinking about it. Goodluck next sprint though
  • 1
    I will after I published my npm package :) busy day
  • 1
    Can you just upload a drawing of what you’re trying to accomplish? I work with flexbox every day and I like solving these kinds of problems. 😊
Add Comment