All Questions
Tagged with internet-explorer-11 flexbox
210
questions
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 ...
- 1,603
0
votes
1
answer
210
views
Flexbox on my home page not working properly on IE 11
My client reported an issue with me, which is flexbox not working on product card section on home page (WordPress site)
https://hailinpower.com/
This is what it looks like on Chrome:
screenshot:
This ...
- 59.9k
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) ...
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;
}...
- 21
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 ...
- 2,922
-1
votes
1
answer
1k
views
Responsive two columns layout with Flexbox [duplicate]
I want to achieve this structure using flex:
Which is responsive, on smaller screens it will look like this:
Please notice that the first div on mobile is the second one.
This is my code:
.card {...
- 104k
0
votes
1
answer
153
views
IE11 flex wrapper with align-items disable scroll for flex column child
how can I enable scroll for flex column child, when flex column has max-height and contained in flex container ?
I've got an example here https://codepen.io/ChatduChesire/pen/vYKVJoR
When .modal-...
- 11k
3
votes
3
answers
18k
views
Making flexbox work in IE11
I know there are similar questions about, but I have tried all of the suggestions and still cant get it working. I am using Bootstrap, and I have a section that is 100vh in height. Within this ...
- 161
3
votes
2
answers
3k
views
Work-around for Styled-component not working on Internet Explorer 11
I have styled-components on my web-app.
They work great. Except on Internet Explorer 11. They completely break and the layout is just a pile of components laying there horizontally instead of the ...
- 5,045
32
votes
4
answers
28k
views
Flex-direction column makes flex items overlap IE11
I'm running into an issue using flexbox in IE11. When using flex-direction: column the flex-items overlap:
In other browsers (chrome, safari) it looks like this:
.container {
display: flex;
...
- 1,900
3
votes
2
answers
101
views
IE 11 element after column flex overlap
I'm trying to understand where does this go wrong on IE 11.
My footer overlaps with the main content of the page, where the main content does not have a fixed height, as the items filling it might ...
- 1,336
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 ...
- 1,204
6
votes
2
answers
374
views
Flex-wrap does not wrap items in IE11
I use a flexbox container that includes two divs of equal width. The left displays an image and the right some text. The code wraps the items for Google Chrome but in Internet Explorer 11, it moves ...
- 12.6k
4
votes
2
answers
2k
views
Image height in flexbox not working in IE
I have a flex "row" that contains 5 flex "cells" that contains an image which is supposed to be aligned in the middle.
It works perfectly in Chrome and Firefox, but it doesn't in IE. It doesn't get ...
- 364k
0
votes
1
answer
226
views
IE11 - align items not working with popup
I have a popup that I'm trying to vertically align in the page, I use flex (align-items) to do this but it doesn't work for IE11.
After some research I found there is a bug in IE11 where align-items ...
- 12.6k