All Questions
Tagged with internet-explorer-11 css
1,146
questions
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?
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;
}...
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 ...
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'...
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 ...
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 ...
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">....</...
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 ...
39
votes
4
answers
51k
views
IE11 CSS alternative to "unset"
I have a fixed div on my page which is positioned with the following CSS properties:
width: 320px;
height: 160px;
position: fixed;
right: 15px;
bottom: 15px;
top: unset;
z-index: -1;
The div appears ...
39
votes
2
answers
18k
views
Remove 'x' Input Decoration In Microsoft Edge (formerly Project Spartan)
In the CSS of a website I'm currently working on we use the following CSS to hide the 'x' button that Internet Explorer 10 and 11 add to input fields for users to clear their contents:
input::-ms-...
38
votes
1
answer
37k
views
Flexbox/IE11: flex-wrap: wrap does not wrap (Images + Codepen inside)
I created a list with social icons. Those icons should wrap on small screens.
I use flex-wrap: wrap; and it works perfect in Firefox and Chrome:
But Internet Explorer 11 (and IE 10) will not break ...
37
votes
7
answers
55k
views
Icon fonts not loading in IE11
We're using icomoon for our icon fonts, and they work fine in Chrome and Firefox, but won't display in IE11... Sometimes. It seems to work on the first page load, but not on subsequent page loads. ...
34
votes
5
answers
15k
views
IE10 flexbox widths include padding, causing overflow. box-sizing: border-box doesn't fix
The LHS flex child in this example has 1em padding, and it will cause RHS to overflow the parent:
<div style="display: -ms-flexbox; box-sizing: border-box; width: 200px; border: 5px solid black"&...