Hello!

See the example http://jsfiddle.net/chaika_sv/z897oacL/ (I want to make a new ruble sign on the site)

The code works fine everywhere except Opera Mini on Android. On Android, an absolutely positioned strikethrough line is somehow somewhere below R.

HTML

<span class="rouble"> P<div class="rouble__dash">–</div> </span>

CSS

 .rouble__dash{ left: 0; line-height: 1px; position: absolute; top: 11px; } .rouble{ position: relative; }
  • Use the Unicode ruble symbol? And in your situation inside the line element (span) lies the block (div), hence there may be problems in older browsers. Add a span display:inline-block; And yes,% Opera Mini for android is negligible, I think no one even seriously considers it. - ferrari
  • I do not use the ruble symbol at all - I have a regular P in the span, and a div with a hyphen is absolutely positioned relative to it, which should cross the P symbol. In old browsers there are no problems, the problem is only on Androyd. - Beef
  • That was the question: Why do you use crutches instead of the Unicode ruble symbol? Why do you need extra markup besides semantically and logically incorrect? - ferrari
  • I tried to use the Unicode symbol, as on cbr.ru. Again, everything is OK, but again on Android in this case, instead of the special symbol of the ruble, you have to substitute something like "rub." or the usual "P". - Beef
  • And you know that mini since its inception is designed for devices that are unable to fully display web content, and all its requests are carried out through adapting server? - woesss

0