Question

Je développe un site AJAX. Le problème est donc navigateurs (Safari, Chrome) ne montrent pas d'espaces dans le contenu HTML chargé AJAX après des tags comme Strong, Em etc.

Alors j'ai ajouté un doctype à la sortie AJAX. Tout allait bien, il y avait tous les espaces, à moins que je l'ai testé sur le site dans les navigateurs WebKit. Lorsque je charge la page dans Safari, je suis erreur:

  

Cette page contient les erreurs suivantes:

     

erreur sur la ligne 1 à la colonne 7: erreur interne

     

Voici un rendu de la page à la première erreur.

Que dois-je dois faire? Ou, autrement dit, est-il possible de sortir le doctype pour WebKit sans obtenir l'erreur?

La sortie est quelque chose comme ça:

<div class="topic">
    <div class="colon">
        <div class="topictext">
            <h2><a href="/artikul/1" class="showhuman" id="1" onclick="showhumaninfo (1); return false;">KirillTitov</a> tells us:</h2><p>Here you go.<br/>
<b>Bold text</b> <i>italic text</i> <strike>etc</strike>…</p> 
            </div><!-- topictext -->
            <div class="topicright"></div>
            <div class="clear"></div>
            <div class="topicinfo">
            <div class="topicclock">
                <font title="Timestamp for geeks — 1253816398">24&#0160;september,&#0160;year&#0160;2009</font>
            </div><!-- topicclock -->
            <div class="topiccomment">
                <a href="/joindachat/2" class="entertopic" id="2" onclick="entertopic (2); return false;">Go inside</a> (мнений: 0)
            </div><!-- topiccomment -->
        </div><!-- topicinfo -->
        <div class="topicindex">
            <img src="/img/bgtopicindex.gif" border="0" alt="" />
        </div><!-- topicindex -->
        <div class="blur"></div>
    </div><!-- colon -->
    <div class="colon">
        <div class="indextopcomment">
            <div class="commenttopleft"><img src="/img/bgcommentindexgreen.gif" alt="" border="0" /></div>
            <div class="texttopcomment nonenew">
                No comments here.
            </div>
            <div class="clear"></div>
            </div><!-- indextopcomment -->
            </div><!-- colon -->
            <div class="clear"></div>
        </div><!-- topic -->
    <div class="clear"></div>
</div><!-- topic -->
Était-ce utile?

La solution

Avez-vous pensé à utiliser &nbsp; dans ces endroits?

En outre, essayez ce qui suit sur le résultat ajax entrant:

.Replace("\xA0", "&nbsp;").Replace("\x20","&nbsp;");

Certains cadres se comportent impair dans WebKit et de mettre un espacement non standard, est ce que ce que vous voyez? Suivi de la remplacer si les travaux, sinon il y a d'autres options, mais qui est généralement le plus simple / rapide correctif. Voici un tableau complet sur les espaces blancs bizarreries , mais cela dépend de navigateur / plate-forme à laquelle Quirk vous frappez normalement.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top