All Questions
Tagged with internet-explorer-11 css
158
questions
100
votes
18
answers
109k
views
Detecting IE version using CSS Capability/Feature Detection
IE10+ no longer supports browser detection tags to identify a browser.
For detecting IE10 I am using JavaScript and a capability-testing technique to detect certain ms prefixed styles are defined such ...
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; ...
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;
}...
72
votes
4
answers
141k
views
CSS Grid Layout not working in IE11 even with prefixes
I'm using following HTML markup for my grid.
<section class="grid">
<article class="grid-item width-2x height-2x">....</article>
<article class="grid-item">....</...
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 ...
30
votes
4
answers
65k
views
SVG animation is not working on IE11
I have a really simple loading animation that works perfectly on Firefox and Chrome, but in IE11 it's not showing the SVG figure.
Here is the full example:
JSFiddle sample
SVG:
<svg class="...
235
votes
8
answers
447k
views
How to write a CSS hack for IE 11? [duplicate]
How can I hack or write css only for IE 11? I have a website that looks bad in IE 11.I just search here and there but didnt find any solution yet.
Is there any css selector?
30
votes
4
answers
101k
views
Position: sticky buttons not working in IE 11
I need to make the div containing the buttons sticky, so that the buttons in that div will stay at the bottom as the user scrolls the screen.
This is so that the user does not have to scroll all the ...
114
votes
5
answers
97k
views
IE11 - does a polyfill / script exist for CSS variables?
I'm developing a webpage in a mixed web browser environment (Chrome/IE11).
IE11 doesn't support CSS variables, is there a polyfill or script that exists that would allow me to use CSS variables in ...
184
votes
6
answers
80k
views
How can I prevent the scrollbar overlaying content in IE10?
In IE10, the scrollbar is not always there... and when it appears it comes on as an overlay... It's a cool feature but I would like to turn it off for my specific website as it is a full screen ...
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"&...
68
votes
2
answers
49k
views
Image label for input in a form not clickable in IE11
The problem
In IE11 the image in the following code is clickable to activate/toggle the input in the label:
<label>
<input type="checkbox"> some text
<img src="http://placeimg....
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 ...
16
votes
1
answer
14k
views
<main> element not working in Internet Explorer 11
I'm trying to set the width of a <main> element with CSS. Just using
main {
width:200px;
}
works fine in all browsers except Internet Explorer (Edge does work).
Take a look at this example: ...
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 ...