All Questions
Tagged with internet-explorer-11 flexbox
210
questions
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 ...
-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 {...
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-...
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 ...
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 ...
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 ...
0
votes
1
answer
225
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 ...
2
votes
0
answers
76
views
IE11 not restricting width with text-overflow: ellipsis [duplicate]
I have some HTML and CSS that shows a long string of text next to a button. The long string of text is vertically centered relative to the button, and the text shows an ellipsis ... so it all fits ...
0
votes
1
answer
305
views
Display :before element on a flex container in ie11
I have a flex container with a couple of children that I need to have a before element on. The before element displays if the parent container is display: block but not if it's display: flex ! is ...
0
votes
1
answer
130
views
IE11 Flex Container Overflows When Inside Table
Check out the below code sample in IE11 and Google Chrome.
In Chrome, it displays as I expect it to, but in IE11 the table expands to be far wider than the containing block. This seems to be caused ...
0
votes
1
answer
518
views
Is there a polyfill for converting css flex shorthand to longhand in order to support IE11?
Is there a polyfill for converting Flexbox flex: shorthand property to their comparable longhand properties in order to support IE11?
After doing some research I discovered a few flexbox polyfills ...
0
votes
2
answers
684
views
Using d-flex and flex-wrap in Internet Explorer 11
I have seen that this question had been asked before and I tried the different answers provided, however, none seemed to work on my code.
I am working on fixing a series of inputs that are displaying ...
0
votes
1
answer
215
views
CSS: Wrong element width and position IE11 (flexbox, position, transform)
I'm struggling since hours with a flyin in Internet Explorer 11.
I have a header with two child elements. I display them with flexbox space-between. The second element (on the right side of the ...
0
votes
1
answer
113
views
Using flexbox elements within a table in IE11
I have a table with a row that needs to show data with nested rows. To make sure the data for "Attendee Name, Title" and "Attendee Company, Org., or other" are vertically spacing the content correctly ...
0
votes
2
answers
87
views
Flexbox's child is not getting the correct height in IE11 [duplicate]
Consider this snippet (which works in all major browsers):
body {
margin: 0;
}
#main {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
flex-...