text-align justify bug on ie internet explorer and android

1 Views

I have a very bad justify effect on internet explorer and android for my wordpress content : for some lines I got big spaces between words and suddenly a tiny space between the last two words of the line

It works fine on other browsers ie chrome/firefox/safari.

Read More

Platform : WordPress 3.5 + Visual composer plugin

Someone got an idea ?

Here is the content :
http://www.arkama.fr/offres/sap/assistance-technique/

It is visible on the line •La recherche et l’identification de 

<ul style="text-align: justify;">
<li style="text-align: justify;">La bonne <strong>qualification</strong> du besoin client ;</li>
</ul>
<ul style="text-align: justify;">
<li style="text-align: justify;">La <strong>recherche</strong> et <strong>l’identification</strong> de ressources disponibles et adaptées ;</li>
</ul>
<ul style="text-align: justify;">
<li style="text-align: justify;">La <strong>validation du profil</strong> et des compétences de ce dernier <strong>par des entretiens techniques, de personnalité</strong> et <strong>d’anglais</strong> ;        
</li>
</ul>
Post Views: 1

Related posts

Leave a Reply

1 comment

  1. Some hidden hex characters in your source code cause this issue. In IE non-breaking-space-characters are not stretched in justified text.

    The Developer Tools in Chrome reveal the HTML code which these characters generate:

    Element inspection by Chrome Dev Tools

    A hex editor (HxD in my case) lifts the lid on some hidden characters in your source code (00 and 20 are OK, but a A0 renders a &nbsp;, which causes the problems in your case):

    Source code view in HxD

    You could try to copy/paste your code using a text editor like notepad++ to get rid of these characters.
    Using Dreamweaver, which has has a built-in-feature to show hidden characters (view > code view options > hidden characters), everything worked fine in IE after deleting these characters.

    source code in Dreamwaever