All Questions
232
questions
6
votes
1
answer
2k
views
tailwindcss: Force tailwind to use compatible rgb syntax?
I'm porting an app using tailwindcss to work with IE11. Unfortunately, tailwindcss insists on generating colors using the modern W3C CSS Color Module Level 4 rgb() syntax, which does not appear to be ...
0
votes
1
answer
111
views
Max-width on Internet Explorer
I'm having trouble getting max-width to work in IE. Is there a way to get max-width to work on IE?
This is what it looks like on other browsers:
enter image description here
This is what it looks like ...
0
votes
1
answer
76
views
Custom collapsed navbar (2 columns, with each column containing 2 columns of items)
I have a custom collapsed bootstrap navbar.
Not collapsed it looks like this (notice I have 2 sets; 1st is the menu items, 2nd is social media icons)
normal. All good so far. Works in all browsers ...
1
vote
1
answer
210
views
Invalid calc() on IE11
Why IE11 can't calc this? I see from the console that it finds it invalid (in the compiled styles it's red underlined)
h6 {
...
font-size: calc(calc((( (20 / 16) / 16 - 1 / 16) * (100vw - 20rem) / ...
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
2
answers
174
views
IE 11 align center
Problem:
Position absolute with parent align center is not working in IE, but working in Chrome/Safari.
Expected:
Should behave the same with IE 11 browser.
IE 11 screenshot
.selectContainer {
...
1
vote
1
answer
122
views
Cannot get grid to align properly in IE11
I am having issues getting a grid to display correctly on IE. I want to avoid autoprefixers and need something simple. I hope it's something that I missed. I have the following CSS code:
.container {
...
0
votes
1
answer
81
views
Container gets cuts off when using flex for a dialog in Internet Explorer 11
I am trying to create a cross-browser dialog box system. Basically, you click a link and the dialog pops down. Surprisingly, I got it to work on all major browsers, including IE 11. The only issue is ...
2
votes
1
answer
55
views
Centering vertically using flex not working correctly in Internet Explorer 11
I am trying to center an icon inside 2 divs using flex. The code is below:
.div-1 {
width: 50px;
height: 50px;
display: flex;
border-radius: 50%;
background-color: #228B22;
}
....
0
votes
1
answer
289
views
Button-toggles changes in height on IE11, when the user clicks on it
I'm having a strange problem with Internet Explorer 11. Here I use a button toggle group in vertical direction and if the user clicks one one of the buttons in the group, the height changes a little ...
0
votes
1
answer
117
views
What is wrong with this "box-shadow" in IE?
This property drives me crazy. box-shadow is still not working in IE11 (and Edge). In other browsers it is fine. Can somebody help me with this? I ran out of ideas.
.select--options {
border-...
0
votes
0
answers
144
views
How to fix a possible IE11 bug that causes a new element to stay in `:hover` state?
I have a button, each time it is clicked, a new button is created replacing the old one. When I click the edge of the button while quickly move off the button, sometimes the newly created button stays ...
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
1
answer
1k
views
IE11 has different clientWidth and clientHeight than all other browsers
I've created a little component that shows a thumbnail with some buttons that show on hover, nothing fancy. It works just fine in all browsers EXCEPT IE11, because it hates me. I've been searching ...
0
votes
2
answers
114
views
Scss Scale image in IE11
I have an image that is displaying fine in all browsers other than IE11. The image has the following scss:
&__container {
text-align: center;
}
&__logo {
img {
background: ...