Sry Magic ..
Ich werde keinen noch so toll umworbenen anderen Browser nutzen, Firefox wird nicht umsonst frei weiterentwickelt und ist weitestgehend auch konkurrenzlos sauber programmiert!
Und nein, es liegt nicht am Browser oder seinem Cache, es ist ein Anzeigefehler, wecher in jedem! Browser auftreten wuerde, ich kann auch programmieren und weiss worum es hier geht, ich werd folgend untermauern und das Ganze versuchen zu erklaeren.
- Code: Alles auswählen
<div class="stats"><div class="container">
<a title="" href="http://w1.de.mymagictales.com/xhodon/profile/stats.php" onclick="return ajax_link(this.href)" onmouseout="nd();" onmouseover="return overlib('Angriff');"><img src="http://w1.de.mymagictales.com/xhodon/gfx//icons/att.png" alt="" id="menu_skill_0">xxxx</a>
<a title="" href="http://w1.de.mymagictales.com/xhodon/profile/stats.php" onclick="return ajax_link(this.href)" onmouseout="nd();" onmouseover="return overlib('Verteidigung');"><img src="http://w1.de.mymagictales.com/xhodon/gfx//icons/def.png" alt="" id="menu_skill_1">xxxx</a>
<a title="" href="http://w1.de.mymagictales.com/xhodon/profile/stats.php" onclick="return ajax_link(this.href)" onmouseout="nd();" onmouseover="return overlib('Energie');"><img src="http://w1.de.mymagictales.com/xhodon/gfx//icons/stam.png" alt="" id="menu_skill_5">xxx/xxx</a>
<div class="spacer"></div>
<a title="" href="http://w1.de.mymagictales.com/xhodon/profile/stats.php" onclick="return ajax_link(this.href)" onmouseout="nd();" onmouseover="return overlib('Naéla-Magie');"><img src="http://w1.de.mymagictales.com/xhodon/gfx//icons/naela_magic.png" alt="" id="menu_skill_4">1000</a>
</div></div>
Der Klasse
stats wird folgend
wichtiger Css-Style uebergeben
"width:155px;".
Leicht ersichtlich, die Breite darf 155 Pixel
nicht ueberschreiten!
Fuer die Klasse
container gibbet einen
Css-Style "display:table;margin:auto;min-width:110px;border:none;"dieser verhindert das zusammenfallen des Divs, nimmt jedoch keinerlei Einfluss auf das Verhalten der einzelnen Elemente innerhalb, sobald ihre Maße sich als zu gross erweisen.
Zu Deutsch, die einzelnen Werte fuer Angriff, Verteidigung etc werden einfach als fortlaufende Kind-Elemente eingetragen und nach Bedarf vom Browser selbst umgebrochen.
Vorweg, Whitespaces zwischen Bild und Wert ermoeglichen auch einen Umbruch zwischen diesen beiden, da sie nicht als Einheit erkannt wuerden.
Nun tritt wie in meinem Fall die Situation ein, das zB Angriff einen 4stelligen Wert enthaelt, Verteidigung gefolgt Energie, welche mit einem 3stelligen Wert angegeben sind, bricht der Browser den Text um, da er einfach nicht mehr in die Abmessung von
155px gequetscht werden kann, quetschen gilt eh nicht, wir wollen ja ein sauberes Ergebnis sehen.
Bei Bedarf wuerde der Browser hier bei jedem beliebigen Whitespace einen Umbruch durchsetzen, um das Gesamt-Bild zu wahren, dummerweise gibt es da noch Elemente die sich vom Z-Index her ueber die Daten legen und somit nicht nur den Blick auf diese verwehren, sondern zudem einfach nur fail wirken.
.. Ich habe fertig oO