All Questions
49
questions
0
votes
1
answer
504
views
Internet Explorer adds additional padding to flex box. How to fix?
I have three flex-box cards each identical with an img at the top followed by an info section split into two columns. It looks fine in all browsers, except Internet Explorer 9 and 11 (I haven't been ...
-1
votes
2
answers
3k
views
filter:grayscale(100%) in IE 11 for images
I have searched all over the internet but I didn't get any solution.
Can anyone say what is the alternative for the css3 filter and for transistion3d in IE 11 and IE 12?
I don't want to use any ...
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 ...
0
votes
1
answer
2k
views
IE11: how to make two-column grid layout that the second column would fill both or one column, depending on whether the first column is displayed
What I want to achieve, is to have two-column grid layout that behaves like this:
if display property of col 1 set to inline - layout should be rendered as follows:
+------+--------------+
| | ...
1
vote
1
answer
1k
views
flex-shrink won't shrink item in IE 10/11 and causes parent to be wider than parent
My layout consists of a single row with three columns.
Left and right should be as wide as their content. The rest of the width should be occupied by the title column. The total width of all columns ...
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) ...
-1
votes
2
answers
900
views
sticky footer dosn't work on IE11/10
I have got a page template working fine on chrome. However, on IE 11/10/9 , it has very weird behaviour. My html template is structured as below:-
@media (min-width:768px){
/* if ...
2
votes
0
answers
561
views
IE10 ::-ms-expand not working
I'm trying to implement a custom styled select element but having issues with IE10 and 11 where the native chevron is still visible. I've tried to implement the standard css to do this but to no avail:...
2
votes
2
answers
1k
views
CSS truncation with flexbox: IE 10/11
I'm trying to set up a layout where the text in the left-hand column will become truncated if/when it runs out of space, but the text in the right-hand column will always display in full. This codepen ...
5
votes
1
answer
974
views
IE 10 & 11 interpret min-width incorrectly in flexbox
IE 10 & IE 11 interpret a set min-width incorrectly when used in combination with flex box.
In the image below, both divs have their flex set to 1 1 0%; but the first one has a min-width of 200px ...
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 ...
0
votes
3
answers
474
views
<a> over <img> not working IE10
HTML
<div class="cont" id="cont">
<img class="c1" id="c1" src="..."></img>
</div>
<div class="men" id="men">
<a href="..."></a>
</div>
CSS
....
3
votes
1
answer
11k
views
-ms-transform not working with IE 11
Adding -ms-transform:rotate(90deg) dynamically using jQuery to the element. But, its not working in IE 11. However, -webkit-transform:rotate(90deg) is working in Chrome.
No transformation is ...
0
votes
1
answer
1k
views
Background image is not showing up in IE10 and IE11
I'm creating a landing page and when I test my landing page in litmus it shows up with my background image missing.
The weired thing is that my other background images are showing up in IE10 and IE11....
4
votes
2
answers
6k
views
IE11/10 HTML5 main tag and overflow:hidden bug
Most basic of problems, but I've spent hours searching and can't find the answer.
<main style="height:0px;overflow:hidden;">
<section>
This should not be displayed
</...