2017-04-13 6 views
1

Ich habe einige CSS-Probleme mit einer Symbolschriftart, die einfach nicht mit IE11 zusammenarbeiten möchte. Ich habe gestern einige Stunden damit verbracht, es in den Griff zu bekommen, ohne dass etwas erreicht wurde, sondern massive Frustration. Ich habe heute darüber nachgedacht, mehr Zeit damit zu verbringen, aber mit den Kindern, die nach Hause fahren, habe ich genug Ärger für heute LOL (7 und 9 Jahre alt sind noch verrückter als css).css Frustration - Icon Schriftart ist nicht richtig ausgerichtet in IE11, ich bin aus Ideen

Das spezifische Problem ist mit einer Rolle nach oben Symbol, das nicht richtig in IE ausrichtet (geklickt auf der rechten Seite werden die unsichtbare URL, aber das Symbol erscheint auf der linken Seite, wie in Anhängen gezeigt)

enter image description here

enter image description here

Beispiel URL gefunden in:

https://raiderforums.com/viewtopic.php?f=3&t=10739

Um die Sache noch komplizierter zu machen, scheint es, IE-Entwickler-Tools hat es in den Sinn (alles ist durchgestrichen, aber gerendert auf dem Bildschirm) verloren:

enter image description here

Wenn jemand über meine Amateur-Ebene kann mir einen Tipp geben, wo ich Ich bin sehr schade, ich würde es sehr schätzen, und Sie würden meine Produktivität den Rest des Tages stark erhöhen, weil dieses Zeug mich verrückt macht.

Danke! Nick

+3

Einverstanden IE saugt! Aber wir müssen Ihren Code sehen, können Sie ihn hier in einem Codebeispiel posten? –

+1

Ich hasse IE heute mehr als Safari ... Hoffe meine Antwort hilft aber. Eine Sache, an die man sich erinnern sollte - IE HATES 'flex-direction: column', also denke daran, wenn du etwas mit flex erstellst – Varin

Antwort

1

Try this:

#wrap .back2top::before, #wrap a.top2::before { 
     right:0px; 
} 

Sie auch hinzufügen: margin-right: 5px; es besser auszurichten.

+0

Keine Änderung bemerken, wenn ich das hinzufügen. – corleoner

+1

Ich habe gerade die Antwort bearbeitet, versuchen Sie es jetzt – Varin

+0

DAS DASS ES! DANKE! – corleoner

0

diesen Mann Versuchen

.back2top { 
    float: right; 
    display: inline-block; 
    bottom: 20px; 
} 
+0

Das macht zwar den Trick, aber vermasselt die Seite (fügt einen zusätzlichen Rand unter jedem Beitrag hinzu. – corleoner

+0

Sie können dieses 'clear: both;' zu Element hinzufügen, das danach kommt, um den Dokumentenfluss wieder normal zu halten, aber ich sehe, dass Sie bereits eine Lösung finden :) – varto

0

Ich denke, dass dies eine gute Idee ist es, die absolute Position einzustellen. Versuchen

.back2top { 
    position: absolute; 
    right: 0; 
    bottom: 0; 
} 
.postbody1 { 
    float: none; 
    position: relative; 
} 
+0

Ich habe ein bisschen eine seltsame Einrichtung, die den postbody1 zwingt, richtig zu schwimmen, also Wenn ich zu "none" wechsle, wird die Seite durcheinander gebracht. – corleoner