The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Flexbox item not working in IE11

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #234910


    I am having a problem with my flex template under IE11, works fine in Chrome and FF. When I shrink the browser below 800px, 1 of the divs does not show up at all ( sunk_Slim ). I made this so that when the screen shrinks I can have 2 items in a row, so if there is another way, please let me know. I have put a red border around the problem.

    On a side note, the button I have ( sunk_Knob, which has a yellow border ) takes up 100% of the row, which I am trying to avoid. Is the only way to do this with a div within it?

    Here is the codepen snippet:


    make it simple and reset the display:flex property to block.

    If you do need the flexbox model in this case, then see to reset the flex properties of first-level child ;)

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.