All Questions
Tagged with internet-explorer-11 flexbox
38
questions
26
votes
5
answers
37k
views
flex property not working in IE
I have been unable to determine why flexbox is not working in IE 11.
For testing, I sourced a very simple flexbox layout from CodePen and have pasted the information below.
Chrome works as intended; ...
- 363
198
votes
13
answers
124k
views
Text in a flex container doesn't wrap in IE11
Consider the following snippet:
.parent {
display: flex;
flex-direction: column;
width: 400px;
border: 1px solid red;
align-items: center;
}
.child {
border: 1px solid blue;
}...
- 170k
29
votes
4
answers
21k
views
Absolutely positioned flex item is not removed from the normal flow in IE11
We have two divs with content and a third div that is a background with absolute position.
Container is a flexbox.
All works fine in Chrome and Safari, but Firefox and IE11 factors in the absolute ...
70
votes
6
answers
35k
views
Flexbox on IE11: image stretched for no reason?
I'm having an issue with flexbox on IE11 and while I'm aware there's lots of known issue, I haven't been able to find a solution...
<div class="latest-posts">
<article class="post-grid"&...
- 827
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
16
votes
5
answers
18k
views
How to make a sticky footer using flexbox in IE11?
I'm trying to make a simple design with flexbox but I'm having trouble with IE11. Basically, I want a footer that sticks to the bottom only if the content is not high enough. I have no issue doing ...
- 5,657
123
votes
10
answers
132k
views
Flexbox Not Centering Vertically in IE
I have a simple web page with some Lipsum content that is centered on the page. The page works fine in Chrome and Firefox. If I reduce the size of the window, the content fills the window until it can'...
- 2,874
34
votes
2
answers
58k
views
Why doesn't justify-content: center work in IE?
I have this simple div with a button inside of it. justify-content: center; works fine using Firefox and Chrome, but does not work on IE 11:
#div {
height: 200px;
width: 50px;
border: ...
- 3,659
32
votes
4
answers
19k
views
multiline-flexbox in IE11 calculating widths incorrectly?
Seems IE11 doesn't calculate flex item widths properly if flex-wrap: wrap is used.
See http://jsfiddle.net/MartijnR/WRn9r/6/
The 4 boxes each have flex-basis: 50% so we should get two lines of two ...
- 1,030
7
votes
3
answers
12k
views
Flex items overlapping item in IE11
I have two divs:
top div contains a long text that takes up several lines
lower div has min-height and flex-grow: 1
When I reducing the window to the scroll appeared, then in chrome everything is ...
- 387
3
votes
1
answer
13k
views
Flexbox max-height issue with IE11
I'm trying to code a search menu separated in three parts. Each part will have a scrollbar if there's not enough vertical space for the results to display.
In Chrome and Firefox, each menu displays ...
- 686
10
votes
1
answer
24k
views
align-items, align-self not working on IE11
I have a simple plunker here.
.container {
display:flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
min-height: 4em;
}
.nav {
flex: 0 0 4em;
...
- 12.4k
4
votes
3
answers
18k
views
How to make flex-end work in IE11
I tried to make justify-content: flex-end; work, for overflowing-hidden DIV content, in IE11, without success.
After trying several combinations I created a minimal snippet which works in Chrome but ...
- 624
5
votes
1
answer
25k
views
Overflow property not working in IE 11
My code below works fine in most browsers (Chrome, Firefox, Safari, Edge) but does not seem to work in IE11.
I'm reading about the Known Issues at caniuse but it doesn't seem to say anything about ...
- 9,007
27
votes
10
answers
22k
views
IE11 flexbox preventing text wrapping? [closed]
I am developing a site which displays OK in the latest versions of Firefox/SeaMonkey/Chrome, but interestingly in IE11 there is a rendering problem:
http://devel.gooeysoftware.com/mozaddons/switching....
- 29.2k