All Questions
34
questions
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
194
views
IE11 flex child doesn't shrink to give room to other child with non-wrapping content
IE11 doesn't shrink a flex child when another child is too small to fit it's (non wrapping) content.
I have gone over the notorious IE flex bugs (https://github.com/philipwalton/flexbugs) and tried ...
1
vote
2
answers
646
views
Flex item not centering in IE
I'm trying to position a small box in the center of the page on both axes. I got it working in Chrome, Firefox and Edge, but IE still misaligns. The box seems stuck in the bottom right corner of what ...
0
votes
1
answer
50
views
4-column Flexbox-Layout works great on any browser, besides IE, where it shows only 3 columns in a row
I am coding a website (navigation isn´t responsive yet) and I´m using mainly Flexbox for columns and positioning. The website looks good in Firefox, Chrome and Edge, where it shows the desired 4-...
-1
votes
1
answer
195
views
IE11 Flexbox layout broken in scrolling container
I do have a flexbox-container which should contain two elements. Both of them can have dynamic content, which means the height cannot be specified.
The container should have a maximum height of ...
1
vote
0
answers
130
views
Flexbox container doesn't align items right in IE 11
Flexbox container shows aligned items wrong in IE 11
<div class="outer-container">
<div class='container'>
<div class="pointer">
<div class="point-wrapper">
...
0
votes
2
answers
565
views
Flex content width not calculated correctly inside a position: fixed container in IE11
I'm building a custom tooltip that uses position: fixed and a dynamic top and left to follow your mouse cursor around. The tooltip has a relatively complex layout built with flexbox. I'm having an ...
2
votes
1
answer
3k
views
flex-basis: auto doesn't work in IE11
I have 3 divs with different width that I want to shrink to container using flexbox.
Made a fiddle:https://jsfiddle.net/easyNick/1m8ude39/14/
CSS looks like this:
.child {
order: 0;
flex-grow: 0;
...
3
votes
2
answers
3k
views
IE 11 flex align-Items: center with an absolute positioned div aligns the top of the div not the middle [duplicate]
With parent div that is position relative and display flex, align-items: center, the child component which is positioned absolutely is not centered as expected but instead the top of that component is ...
0
votes
1
answer
38
views
Simple flexbox example renders incorrectly in Internet Explorer 11?
Consider this simple example of display: flex:
<div class="outer">
<div class="inner">A</div>
<div class="inner">B</div>
</div>
.outer {
display: flex;
}
....
0
votes
1
answer
3k
views
Bootstrap 4 - IE11 - row with align-center-self losing width
I'm trying to align my .row - element centered on the y-axix in IE11 but it doesn't seem to work.
My HTML:
<section class="home-section">
<div class="container home-section-inner d-...
0
votes
1
answer
5k
views
Flexbox vertical alignment not working in IE 11 [duplicate]
I'm working on someones code which seems to display well on chrome, firefox etc but not on IE 11 (surprise). Basically the header / call to action text and button should be vertically aligned (Which ...
5
votes
0
answers
6k
views
Flexbox 'space-between' not working in IE11 [duplicate]
I'm trying to align content to top and bottom with flexbox. It seems like it should be simple but I can't get it to work in IE11. Any ideas/suggestions?
.wrap {
display: flex;
flex-...
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 ...
4
votes
2
answers
3k
views
IE flexbox vertical align center and min-height [duplicate]
I am trying to vertical align some text inside a flexbox container that has a min height and it works well except for in ie11, where the content is not centred.
.banner {
background:#ccc;
...