Hi All,
I have an issue with my WordPress Theme that looks all good in Chrome but IE11 makes the text go off screen, I’ve investigated myself but I have come to a dead end. At first, I thought it was a width issue or an overflow problem. I need someone far more experienced than me to point me in the right direction.
The Sector Pages (i.g. Government, Commercial Offices etc..) most seem ok, however, there is a few that have this issue, it seems to be the ones with lengthy text?
http://testenvironment-wel.co.uk/sectors-we-work-in/media-and-leisure/
Any help is hugely appreciated.
Dave
possible fix
You have html errors which I don't believe contribute to this issue.
- Element div not allowed as child of element h3 in this context. (Suppressing further errors from this subtree.)
- Bad value for attribute height on element img: The empty string is not a valid non-negative integer. (5)
- When the srcset attribute has any image candidate string with a width descriptor, the sizes attribute must also be present. (5)
- No space between attributes. (7)
You also have 90 css errors.
You may continue to have problems as you maintain and add content. This will be due in large part to a poorly written theme that uses the so-called grid system. Grid layouts are for print. The web is not print. Gridded themes negate the entire concept of separating structure and style.
I found this edit fixes the stated problem. (tested in Firefox — since retirement, I have rid myself of the pox which is MSFT. Nor do I trust Chrome to render per the standards.) The fix has not been tested for other pages, so buyer beware. Test for yourself.
.services_box__desc { /* overflow: visible !important; */ /* width: 1130px; */ }
gary
What can be alternative for create filter:drop-shadow for IE 11
(
Hello,
Please can someone help me in creating shadow effect for chevron shape.
I tried using filter:drop-shadow but it only works in Google Chrome not in IE 11.
Please help me with the alternative solution
See this saved fiddler for understanding implementation
https://jsfiddle.net/xca5kqu0/
========================
Below thing does not work in IE 11 but works in Chrome
filter: drop-shadow(2px 8px 1px rgba(0,0,0,1));
-webkit-filter:drop-shadow(2px 8px 1px rgba(0,0,0,1))
Please help.
Regards,
Sudhanshu