• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Span class Darstellungsproblem unter ios Safari

Dr. Zecke

New member
Guten Tag

Bin gerade dabei eine Designvorlage für meinen Ebay Store zu entwerfen und alles sieht so aus, wie es soll, bis auf meinem iphone.

Folgende Situation:
Ich habe folgenden code:

<div class="arttextformat">

<span class="text_fett_unterstrichen2">Leichte Tunika</span><span class="text_normal"> (Artikelnummer 1502A1)</span>

</div>



"text_fett_unterstrichen2" und "text_normal" sind richtig gesetzt in meiner css.
Die div "arttextformat" besteht aus folgendem code:

.arttextformat {

margin-botton:0px;
margin-left:5px;
margin-top:5px;


}


Wenn ich jetzt die html auf meinem iphone anschaue, wird die Schrift viel zu groß dargestellt.
Erst wenn ich innerhalb ".arttextformat" noch die height setzt, verschwindet das Problem.

Mein Template ist aber so aufgebaut, dass ich unter gar keinen Umständen eine feste Höhe deklarieren darf.
Ich habe auch schon alles probiert, um eine feste Höhe vorzugaukeln etc. aber nix funktioniert, solange er nicht im div stehen hat:
height: soundsoviel px;

Ich bin mit meinem Latein am Ende.
 
.text_fett_unterstrichen2 {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight:bold;
text-decoration:underline;
color:#000;
list-style:none;
padding:0px;
}


.text_normal {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color:#000;
list-style:none;
padding:0px;
font-weight:normal;
}


Wie kann es sein, dass dieser span class Tag so sehr durch eine div beeinflusst wird?
Habe eben auch mal die font-family komplett rausgelassen, gleicher Effekt.

- - - Aktualisiert - - -

Problem gelöst:

float:left; makes the difference!

Unglaublich, habe jetzt bestimmt 15 Stunden an dieser Sache gehangen, um zu merken, das eine!!! Zeile zusätzlicher Code ausreicht.
Naja, so lernt man dazu.
 
Zurück
Oben