All Questions
Tagged with css internet-explorer
9,540 questions
1
vote
1
answer
76
views
display:none not hiding the empty option in dropdown in IE
I have running Angular 11 application. In the page I have 2 radio buttons and one dropdown. The behavior is that whenever I change the radio button selection, I want to reset dropdown value and show ...
- 145
0
votes
1
answer
121
views
use SCSS to generate both defaults and css variables
I'm implementing a websites style.
For legacy support reasons, I need to support IE11, at least for a while. For workflow and my sanity reasons, I would like to use css variables where possible.
I ...
- 398
0
votes
0
answers
47
views
HTML Table Vertical Scroll with first column frozen
I am using React Bootstrap (v4) Table.
I want to have a frozen first column with x & y scroll which should be IE11 compatible.
I tried adding position: absolute to first column, but it does not ...
- 669
0
votes
2
answers
793
views
<input type="button"> doesn't inherit the font-family [duplicate]
Hi everyone, I have a question, hope it helps
with code
.common{
font-family: "ＭＳ Ｐゴシック";
color:#FFFFFF;
}
<table>
<tr>
<td class="common" >
<...
- 1
0
votes
2
answers
481
views
Why my media query for 768px and 576px not working
I am trying media queries, but they won't work on 768px and 576px. I tried the minimum width but it also does not work.
.changing-color {
background-color: powderblue;
width: 100vw;
height: ...
- 31
0
votes
1
answer
508
views
style problems when switching from internet explorer to edge
I'm working on a legacy application created with HTML 4, The application is working correctly on Internet Explorer, I want to run the application on Edge chromium and chrome, but I get many style ...
- 111
0
votes
1
answer
1k
views
How to select Document Mode in Chrome and Edge browsers similar to Internet Explorer?
I am working on converting a web page that was creating using old web standards to support modern web browsers.
The web page currently renders correctly in Internet Explorer, only after setting the ...
- 41
0
votes
2
answers
753
views
Is there any way I can set CSS properties purely as a fallback for others not being browser compatible?
My website was rendering fine in all browsers until I tested it in the Internet Explorer. My menubar moved entirely to the left covering my logo and all the parts that used Grid did not show up ...
- 55
0
votes
5
answers
246
views
CSS: Flex doesn't keep same height for divs in IE11
I’m currently using display: flex; to display 3 tiles that adjusts and keeps the same height based on which tile has the most content in it.
The below HTML/CSS works in all browsers except IE11 & ...
- 419
0
votes
0
answers
72
views
AutoCompleteExtender Hiding in IE but working in Edge
We are using AutoCompleteExtender in our project and when checking in IE we don't see the full list but just first element. However, same site works just fine in Edge/Chrome. I did poking around and ...
- 1,550
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 ...
- 561
0
votes
2
answers
74
views
In IE, this :not(:nth-child():nth-last-child()) declaration isn't working
I have the following CSS.
.formhidden {overflow: hidden}
.formhidden[id*='petinfo_']
{height: 48px}
.formhidden[id*='petproblem_']
...
- 91
0
votes
1
answer
75
views
Hide vertical scrollbar on browsers but making it still working
I have to hide the vertical scrollbar of an element but I have to make the "scrolling" keep working, for example using the mouse wheel.
I Followed this post:
.container {
overflow-y: ...
- 375
0
votes
4
answers
91
views
How to center button in browsers not supporting flex?
I have created the following page, to inform users that their browser is outdated.
table,
.modal-footer a {
margin-left: auto;
margin-right: auto;
}
td {
width: 60px;
text-align: center;
...
- 15.5k
0
votes
0
answers
96
views
VBA to click on popup sweet-container's button using className
I have tried to click a Button in IE Sweetalert popup by using querySelector and GetElementBytagName, ClassName. The HTML of the popup as shown below.
<div class="sweet-alert show-sweet-alert ...
- 25
1
vote
0
answers
45
views
Is there a way to blur react components on IE11?
I'm aware of the fact that filters are not supported in IE 10-11, but is there a way to blur React Components in some way? I was looking for solutions, but didn't find anything useful. Is it even ...
- 11
0
votes
1
answer
42
views
CSS background-position doesn't help to change where the image is
by default styles are that:
.landing-icon.self-service-badge:before {
background-image: url("/images/Evolution/site/self-service-badge.svg");
height: 76px;
width: 76px;
}
and image ...
0
votes
0
answers
32
views
HTML_CSS_Media_query_not_working
Need help
I printed the document as a comp pdf file, but I can't see the lines in the table.
I searched the Internet and tried to find a way, but nothing worked. Is there a good way because it's only ...
1
vote
1
answer
207
views
Flex wrap does not working in td tag in IE11
This markup works in Chrome as expected. Can I make it work in IE11 using css?
<table width="100%">
<tr>
<td>
<div style="display: flex;...
0
votes
1
answer
205
views
css filter not applying in IE11
To Apply color for bootstrap 2.3.2 Icons, I am using filter property in CSS.
This works good in all browsers except IE11.
.apply-color {
filter: opacity(0.5) drop-shadow(0 0 0 blue);
}
How can we ...
- 1,049
0
votes
0
answers
43
views
Side nav is not taking full page height in IE11
I need the sidebar to fill 100% of the page height, but when the page length increases, the sidebar's height is not increased in IE11 but in chrome, the sidebar is taking full page height.[
- 11
2
votes
2
answers
298
views
How to get around Internet Explorer 11 ignoring my font-face due to cache-control headers?
Problem:
IE11 does not use my Roboto font-face or my Material Icon font-faces. I've narrowed the issue down to the cache-control. When I remove the following from my web.config, IE11 displays my fonts ...
- 511
0
votes
0
answers
99
views
Remove border of TD cell in collapsed table in internet explorer
I'm working on creating a printable report(HTML table) that works on internet explorer.
The page should be (1)printable and should (2)work on internet explorer.
The page contains a table that should ...
- 2,285
0
votes
1
answer
56
views
IE makes two indents instead of one
I have some JS code that implements a typewriter effect. However, if everything works fine on google chrome, then in IE why additional indents appear.
In the console in chrome there are 2 indents in ...
user15250555
0
votes
1
answer
96
views
Different font on strong elements for Internet Explorer 11 and Safari on iOS 9
I have a web app with two fonts, Amatic SC for h1 and h2 and Open Sans for the rest. The webpage displays strong text fine on most browsers:
For Safari on iOS 9 (tested on iPhone 4S) and Internet ...
- 4,384
-1
votes
4
answers
61
views
Logo in navbar not properly centered in Internet Explorer
I have a navber with a logo being centered using flexbox but in IE it is not properly centered. Does anyone know why this might be?
The dev build is at etc.lukesmedia.com
Thanks!
- 49
1
vote
1
answer
85
views
Anchor tag not showing up in IE
I'm building out a frontend site and I cannot figure out why my anchor tag is not being displayed in IE 11. I'm not doing anything fancy to it, it's just not visible.
The site is live at etcnow.org
...
- 49
2
votes
2
answers
144
views
HTML Flex layout looks different in Internet Explorer
I'm trying to get a simple flex layout to work the same in IE11 as it does in Chrome.
In Chrome it appears like this:
However in IE11 it appears like this:
Here is the code :
html,
body {
...
- 1,093
0
votes
1
answer
56
views
custom Angular component not applying css class on ie11
I have a component such as:
<my-component></my-component>
I want to give this component a
overflow-x: hidden;
I tried:
<my-component class="ofx-hidden"></my-component&...
- 2,637
1
vote
1
answer
276
views
Bootstrap/css nof found/working on IE and ED
I am working on a web application, to my "big surprise" I found that my css / bootstrap on Internet Explorer and Microsoft Edge is not working. I have already tried several things that are ...
- 47
0
votes
1
answer
124
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 ...
-2
votes
1
answer
103
views
enabling max-width in Internet Explorer
I've implemented max-width so that content for .name takes up 1 line vs 2 lines. So instead of:
Bob
Lee
it correctly looks
Bob Lee
in other browsers. e.g. chrome
I've found that IE doesn't support max-...
0
votes
1
answer
150
views
Setting focus to an IE PDF style webpage for scraping using Excel VBA
I navigate through this password protected website and get to a point where it opens up what looks like a child window but has a URL like "http://yadayadayada**.pdf**?V42".
Although it's a ...
- 102
0
votes
1
answer
349
views
SVG images not getting full width of viewport in ie
I am using SVG image with inline images, and working fine other browsers except internet explore. in ie its showing smallest size but actual image is 100% width of screen , below is my SVG code
<...
- 3
0
votes
1
answer
365
views
SASS adds -ms prefix to css grid, But it's not working in IE
when we use sass it automatically adds prefixes for different browsers.
sass code
.grid-container{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-template-rows: 1fr 1fr;
}
css code
....
- 771
0
votes
1
answer
269
views
is(':hover') is not working properly in IE 11
I have a drawer menu that opens the bottom part of the navigation menu when I hover on a list item on the upper part of the menu.
I want to keep the bottom menu open when you move the mouse from the ...
- 107
0
votes
1
answer
638
views
Hide scrollbar in IE 11, but achieve IE effect
I have a navigation in my site that contains multiple items. Depending on the screensize, many items can be offscreen and a user can scroll across.
I have an issue in IE where the scrollbar appears on ...
user14367214
0
votes
0
answers
160
views
CSS zoom/transform behavior in IE11
I want to show the screen in "100%" size in IE with CSS.
The default zoom size for IE for my clients' computer is 150%.
To show the screen properly without asking my clients to change the ...
- 1
-1
votes
1
answer
620
views
-webkit-box not work in IE,but work in chrome
-webkit-box not work in IE,so this code work in IE.
:p tag
<p class="company__note">職種商品企画・プランニング、人事・労務、営業（個人向け・新規開拓中心）、営業（個人向け・得意先中心）、営業（企業向け・新規開拓中心）、営業（企業向け・得意先中心）、販売・サービススタッフ、店長（...
- 33
0
votes
1
answer
1k
views
grid-template-columns is not working to ie11?
I'm using tailwind css and grid-template-columns is not working in IE11.
How can I separate so that it will function on IE11?
grid-template-columns: repeat(2, minmax(0, 1fr))
<div
class="...
- 217
0
votes
0
answers
111
views
How can I fix the Font-Face Error in Internet Explorer (without using font-face) [BLAZOR]
my Application is a Blazor Server App.
So my problem:
I have a page, which shows a loading screen until the data is loaded. As soon as the data is loaded it displays it in a table. This data I then ...
- 49
0
votes
1
answer
80
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 ...
- 13
0
votes
1
answer
193
views
CSS table > td - force content to one line cross-browser
This is working on Chrome/Edge:
<style>
.o {
width: 1px;
white-space: nowrap;
}
</style>
<table style="width:100%; position: relative; border-collapse: collapse">
&...
- 125
1
vote
1
answer
212
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) / ...
- 13.9k
0
votes
2
answers
66
views
Why is the distance greater with a margin top in IE?
I have the following component in my application
.call-support {
display: flex;
justify-content: center;
padding: 20px 0 20px 0;
}
.container-support {
display: flex;
align-items: ...
- 865
0
votes
2
answers
78
views
How can I get display:grid (or ms-grid) to work in Internet Explorer 11?
@media (min-width: 100px) {
.my-header {
.header-info-nav {
top: -38px;
float: right;
.username,
.change-profile,
.ttm-link {
...
- 45
0
votes
1
answer
28
views
how to hide a input type radio in IE and collect the value?
i have a "vue" application working properly in all browsers except internet explorer.
The main error I find in IE is the fact that it does not recognize the value of an input if I hide it ...
- 865
2
votes
3
answers
433
views
Flex elements don't automatically get equal height on IE11
On Chrome/FF my flex elements have equal heights (the height of the tallest element). But on IE11 they each have their natural height, so they end up having different heights.
How to make it behave on ...
- 2,849
2
votes
0
answers
229
views
Smooth scrolling in IE 11 and 10 breaking CSS transform matrix
I have a mobile menu that's using a transform matrix to animate the body content aside. Basically once the menu button is clicked, the menu slides over and a class is applied to the content that ...
- 611
0
votes
0
answers
384
views
Why does "align-items: baseline" not working in internet explorer?
I am having trouble creating a consistent flexbox between Chrome, Edge, IE and Firefox in my VUE application. The css I have works great in Chrome, Edge and Firefox but fails for Internet Explorer 11 ....
- 865