Seltsame Anzeige in Mobilansicht

[Snoopy.EL]

Hallo Ihr Lieben,

ich brauche mal wieder Hilfe, auch wenn ich nicht genau weiß, ob ich in diesem Thread richtig bin (sonst einfach verschieben)

Also ich habe folgendes Problem: Ein Kundenprojekt (Rex 4.3.3) - http://www.odontik.de - läuft super, Kunde ist zufrieden, aaaaaber - guckt man sich die Seite z.B. auf dem iPhone an, wird im Footer die Telefon- und Faxnummer verrutscht angezeigt.

Zum besseren Verständnis das Bild im Anhang. Das seltsamste an der Sache ist, dass ich schon mehrere identische Systeme aufgesetzt habe (also selbe Version, gleiche AddOns usw.) und dieses Phänomen noch bei keinem aufgetreten ist.

Ich verzweifle langsam, vielleicht hat von Euch jemand eine Idee.....?!?!

Liebe Grüße

Snoopy

[RexDude]

Vielleicht hats was damit zu tun: http://praegnanz.de/weblog/die-mysterio ... one-safari

Musste schon öfter divs die nebeneinander sind ein "webkit-text-size-adjust: none;" verpassen.

[runstop64]

Es könnte auch daran liegen, dass auf dem Iphone die Telefonnummern automatisch verlinkt werden und du das Link Tag anders als den übrigen Text formatierst.

Schau mal mit z.B. Firebug Lite nach. Damit kann man auch auf dem Iphone einfach debuggen: http://www.iphone-ticker.de/fur-entwick ... zen-28311/

[Snoopy.EL]

Danke RexDude, gleich getestet, aber leider funzt es nicht.
Habe es als html-Style eingebaut und mit normalem Fließtext im Content macht es auch das was es soll, aber das Problem im Footer besteht leider immer noch...

runstop64, ich hab auch schon an sowas gedacht, aber wenn ich das mit einem anderen Projekt vergleiche, bei dem die Formatierung genauso aussieht (http://www.zahnarzt-wandsbek-tonndorf.de) taucht diese Darstellung hier nicht auf. Also wie kann das so unterschiedlich sein..?!

[runstop64]

Habe gerade eben oben noch einen Link eingefügt.
Testweise habe ich einen a Tag um die Telefonnumer gelegt und es liegt wohl hier dran:

Code: Alles auswählen

.inner a {
    color: #3B517D;
    float: right;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 30px;
    padding: 10px 0 10px 10px;
    text-decoration: none;
}

[Snoopy.EL]

Juchu, jetzt klappts: a-tags drum, Styles angepasst und läuft...

Vielen Dank!

Übrigens, das mit dem Firebug auf'm iPhone klappte leider nicht... :-/

[runstop64]

Das freut mich!

Code: Alles auswählen

Übrigens, das mit dem Firebug auf'm iPhone klappte leider nicht... :-/

Wahrscheinlich hat Apple da mal wieder was geändert...
Es gibt noch andere Möglichkeiten, z.B. http://snoopy.allmarkedup.com/ oder über den Safari-Desktop-Browser (wenn du einen Mac hast). Ich benutze Edge Inspect.
Da gibt es inzwischen einige Tools, die einem das Leben erleichtern...