3

I am currently converting a site to Hebrew which is our first right-to-left language. I am having trouble with an element that has a border on it. We have to support IE8+ and Chrome and Firefox, and it looks fine in every browser except IE8.

Here is how the text should render, with the borders showing up correctly:

correct rendering

Here is how IE8 renders the borders, no longer making sense in a RTL language:

IE8 rendering

Does anyone know of any fixes for this? Thanks.

.wrapper {
    width:680px;
    direction:rtl;
}

.phishing-dp {
    border: solid 2px #004B7E;
    border-radius:5px;
}
<div class="wrapper">ממשלתי הפכה לבלתי יציבה מאוד, ואני מחפש מישהו שיגן על ההון שברשותי עד שהעניין יירגע. אעביר סכום של 850,000 דולר ארה"ב לחשבונך, ואחר כך אבקשך להחזיר 700,000 דולר ארה"ב לחשבוני לאחר התייצבות הממשלה. <span class="phishing-dp">כך יישארו לך 150,000 דולר בתמורה למאמציך</span>.</div>
Tomalak
  • 332,285
  • 67
  • 532
  • 628
Jason Addleman
  • 719
  • 2
  • 6
  • 13
  • 2
    Please include the relevant markup and CSS. – Tomalak Oct 05 '15 at 17:27
  • Something pretty comparable to this (I know border-radius doesn't work in IE8): http://jsfiddle.net/54meau2k/ – Jason Addleman Oct 05 '15 at 17:44
  • 1
    are you using writing-mode ,bidi-override, direction, (scope css) or dir or else ? – G-Cyrillus Oct 05 '15 at 18:01
  • Jason, here's a tip for next time: Please include the markup right in the question instead of on a third-party site. Questions should always be self-contained and not in part depend on the availability of an external site. – Tomalak Oct 05 '15 at 18:17

1 Answers1

0

Hi looks like a border radius issue as IE 8 does not support this.

Please see link below for more ways of hacking the border radius on IE 8

How to apply border radius in IE8 and below IE8 browsers?

Good Luck

Hope it workds

Community
  • 1
  • 1
Bryan Labuschagne
  • 203
  • 1
  • 8
  • I know that IE8 does not support border-radius, it would then ignore it. The issue is with `border` itself in a right-to-left language. I have border-radius on there just for browsers that support it. – Jason Addleman Oct 06 '15 at 12:50