• Locked
2 replies [Last post]
Thu, 2018-10-25 13:46
TEPEGroup
TEPEGroup's picture
Offline
newbie
UK
Last seen: 2 years 49 weeks ago
UK
Joined: 2017-11-22
Posts: 4
Points: 8

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

Top
Tags:
Thu, 2018-10-25 17:10
#1
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 39 weeks 1 day ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Top
Fri, 2018-10-26 15:48
#2
Sudhanshu
Sudhanshu's picture
Offline
newbie
Last seen: 3 years 4 weeks ago
Timezone: GMT+5.5
Joined: 2018-10-26
Posts: 3
Points: 4

What can be alternative for create filter:drop-shadow for IE 11

Sad(
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

Top
  • Locked