All Questions
10
questions
0
votes
1
answer
504
views
Internet Explorer adds additional padding to flex box. How to fix?
I have three flex-box cards each identical with an img at the top followed by an info section split into two columns. It looks fine in all browsers, except Internet Explorer 9 and 11 (I haven't been ...
- 23
0
votes
0
answers
177
views
Flex box contents overflow fix for Internet explorer?
This image part contains two images, light-green square image and the other image, with different pixels for height & width each other, and they are wrapped in a box with flex CSS, to align ...
- 37
1
vote
1
answer
1k
views
flex-shrink won't shrink item in IE 10/11 and causes parent to be wider than parent
My layout consists of a single row with three columns.
Left and right should be as wide as their content. The rest of the width should be occupied by the title column. The total width of all columns ...
- 1,226
7
votes
1
answer
3k
views
Workaround for IE 10/11 flex child overflow alignment
If a flex container has justify-content: center, and there is a single flex child that is wider than the container, the content remains centered (with content overflowing equally in both directions) ...
- 608
2
votes
2
answers
1k
views
CSS truncation with flexbox: IE 10/11
I'm trying to set up a layout where the text in the left-hand column will become truncated if/when it runs out of space, but the text in the right-hand column will always display in full. This codepen ...
- 1,015
5
votes
1
answer
974
views
IE 10 & 11 interpret min-width incorrectly in flexbox
IE 10 & IE 11 interpret a set min-width incorrectly when used in combination with flex box.
In the image below, both divs have their flex set to 1 1 0%; but the first one has a min-width of 200px ...
- 5,238
45
votes
1
answer
58k
views
Flex auto margin not working in IE10/11
I have a complex layout where I center various elements vertically and horizontally with flexbox.
The last element then has margin-right:auto; applied to push the elements left (and negate centering ...
- 1,762
4
votes
1
answer
1k
views
Nested flexbox adds empty space on IE10 and 11
I'm using flexbox for a layout. My constraint is that the image must be situated at the middle.
I've made a minimal markup that reproduces the issue: http://codepen.io/anon/pen/xwNomN
It works ...
- 1,774
1
vote
1
answer
3k
views
Why Is IE11 Rendering This Flexbox Layout Incorrectly?
I have a flexbox based layout that involves a centered container comprising of a header and body.The container has a minimum height to prevent it collapsing too much if there is little content in its ...
- 43.6k
34
votes
5
answers
15k
views
IE10 flexbox widths include padding, causing overflow. box-sizing: border-box doesn't fix
The LHS flex child in this example has 1em padding, and it will cause RHS to overflow the parent:
<div style="display: -ms-flexbox; box-sizing: border-box; width: 200px; border: 5px solid black"&...
- 2,262