All Questions
8
questions
0
votes
1
answer
67
views
Flex item shrinks too much in Internet Explorer 11
I use a flexbox that consists of a left and right part, both of equal width. The first displays an image and the right some text. The code wraps well in Google Chrome but for Internet Explorer 11, it ...
0
votes
2
answers
632
views
Overlapping flex item has different behavior in IE11 and Chrome
following this https://jsbin.com/limevid/1/edit?html,css,output , I notice that paragraph in IE starts from the top of the container instead in Chrome, paragraph overlap the container.
p {
...
0
votes
1
answer
130
views
IE element's height couldn't span its absolute-positioned flex container by min-height
I am making a simple page with a content-session that would span all the height of its container so that I can make a full-paged web. However, I need to make
the content's container (div.inner) ...
1
vote
3
answers
1k
views
Flexbox row-reverse breaks align-items on IE 11
This pen behaves differently between IE11 and Chrome: https://codepen.io/excelkobayashi/pen/EMgaOE
HTML:
<div class="container">
<div class="left"></div>
<div class="...
5
votes
2
answers
3k
views
Maintain image aspect ratio in nested flexbox container on IE11
I'm using flexbox to display a row of blocks. Each block is using flexbox to display a column of elements. One of the elements is an image that needs to maintain its aspect ratio. The code below is a ...
0
votes
0
answers
48
views
Why do absolutely positioned elements in a flexbox center properly on chrome but not IE11? [duplicate]
I am trying to get elements horizontally aligned in the center of a column, using a flexbox. It all works fine in Chrome but the items with position: absolute do not center in IE11.
Thanks!
#...
2
votes
1
answer
1k
views
Layout inconsistencies in chrome and IE11/Edge
I have a layout that is working 100% correct in chrome:
but viewing it in IE 11 or edge it is displaying a extra scrollbar because the page is now bigger than the browser height:
html:
<body ng-...
30
votes
3
answers
21k
views
How to get `page-break-inside: avoid` to work nicely with `flex-wrap: wrap`
I am trying to get page-break-inside: avoid to work in a form that uses a multi-line flexbox layout (with flex-wrap: wrap). The goal is simply to avoid breaking form questions when printing.
This ...