Frage

Ich entwickle eine AJAX-Website. Das Problem ist also Browser (Safari, Chrome) zeigt keine Leerzeichen in AJAX-geladen HTML-Inhalt nach Tags wie Strong, Em etc.

Dann habe ich eine Doctype der AJAX-Ausgang. Alles war in Ordnung, es gab alle Räume, es sei denn ich die Seite in WebKit-Browsern getestet. Wenn ich die Seite in Safari geladen, bekam ich Fehler:

  

Diese Seite enthält die folgenden Fehler:

     

Fehler in Zeile 1, Spalte 7: interner Fehler

     

Im Folgenden finden Sie eine Darstellung der Seite auf den ersten Fehler auf.

Was tun ich tun? Oder, mit anderen Worten, ist es eine Möglichkeit zur Ausgabe der Doctype für WebKit, ohne den Fehler zu bekommen?

Die Ausgabe ist so etwas wie das:

<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 -->
War es hilfreich?

Lösung

Haben Sie sich Gedanken über die Verwendung von &nbsp; an diesen Orten?

Versuchen Sie auch, die folgend auf Ihrem eingehenden Ajax Ergebnis:

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

Einige Rahmen verhalten sich seltsam in Webkit und stellen nicht-Standardabstand in, ist das, was, was Sie sehen? Follow-up auf, wenn die Werke ersetzen, wenn es nicht andere Möglichkeiten gibt, aber das ist in der Regel die einfachste / schnellste Lösung. Hier ist eine vollständige Tabelle auf dem Leerzeichen Merkwürdigkeiten , aber es hängt von Browser / Plattform wie auf dem Quirk Sie schlagen normal.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top