Note that there are some explanatory texts on larger screens.

plurals
  1. POIE 9+ Rendering Spaces Differently
    primarykey
    data
    text
    <p>An authoring tool I'm required to use decided to output faux bullet points rather than using bullet elements. The poor decision causes IE 9+ to render different than IE 7/8 and all other browsers. I can't change the way it outputs, but I can influence it with additional style properties. To do that I need help to identify what exactly is causing the difference. If you can put aside the horror you're about to witness, I would appreciate any advice. It might have something to do with the multiple non-breaking space characters; as if IE 9+ is deleting all but the first.</p> <p>Here is the sample page: <a href="http://www.scader.com/clients/sandbox/bullets" rel="nofollow noreferrer">http://www.scader.com/clients/sandbox/bullets</a></p> <p>Here is a jsFiddle that displays the issue if you view in IE 9+: <a href="http://jsfiddle.net/QGV7W/1/" rel="nofollow noreferrer">http://jsfiddle.net/QGV7W/1/</a></p> <p>Here is a screen shot that shows the difference between IE 7/8 (+all others) and IE 9+.</p> <p><img src="https://i.stack.imgur.com/lK3VD.jpg" alt="enter image description here"></p> <p>Here is a snippit of the code:</p> <pre><code>&lt;p style="margin-left:24px;text-indent:-24px;line-height:1.080;margin-top:0px;margin-bottom:0px;text-align:left;"&gt; &lt;span class="text38Font2" style="position:relative;top:-0px"&gt;2.&lt;/span&gt;&lt;span style="font:1.0pt &amp;quot;Arial&amp;quot;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span class="text38Font2"&gt;literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden- Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, &lt;/span&gt;&lt;/p&gt; </code></pre> <p>Here is the one class referenced in the snippet:</p> <pre><code>&lt;style text="text/css"&gt; body { background-color:#ffffff; } span.text38Font2 { font-size:16px; font-family:"Arial", sans-serif; color:#000000;} &lt;/style&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload