[phpBB2] Modul "neue Themen" oben - mobile Version fehlerhaft

[weimaranerfreundin]

Hallo liebes Team,

Ich habe mir das Modul nach Anleitung im Tut installiert - nur leider sieht es in der mobilen Version auf meinem Iphone ganz verkehrt aus....- zeigt mehr als die 10 neuesten Themen an, die ich im Modul eingestellt habe und die Schriftgrösse passt nicht zu den Zahlen (nur in der mobilen Version), so dass sich alles verschiebt.
Wo liegt das Problem und wie kann ich es beheben?

LG Susanne

[#Frank]

Welches Forum?
Ich sehe das Modul weder bei 1 noch 2

[weimaranerfreundin]

Hallo Frank,

Ich habe das Modul jetzt vom eigentlichen Forum wieder entfernt, da es sich bei allen Usern mit mobilen Geräten höchst merkwürdig aufgeführt hat.
Die Links vergrösserten sich beim Einzoomen, aber das taten weder die Angaben für Poster oder Beitragszeitpunkt oder Zahl vor dem Link.
Da sich die Links in der Grösse immer wieder anpassten, wurde die Anzeige so auseinander gehauen, dass auf einmal ein Link über mehrere Zahlen verteilten. Es tauchten dann zwar nur die Anzahl Zahlen auf, wie von mir im Modul eingestellt, aber die Links gingen dann ohne Zahlen weiter, während die Angaben für Poster und Zeitpunkt nur in einer Grösse und am oberen Rand kleben blieben.
Vielleicht ist dieses ältere Tut nicht für die mobilen Versionen ausgelegt..... oder hab ich ein Update übersehen?

LG Susanne

[#Frank]

Das Problem ist, das sich die Mobilen Browser immer anders verhalten.
Unsere Änderungen sind ja alle für die Anzeige auf einem PC vorgesehen.
Um beurteilen zu können, warum sich ein Element auf einer Seite auf dem Mobilen Endgerät anders verhällt, als auf dem PC muss man sich das ganze mal genau ansehen.
Für den Firefox Browser gibt es da z.b. die Entwickleroptionen, mit der du z.b. den Browser so einstellen kannst, als sei er ein Iphone.
Damit kannst du unter Umständen diesen Fehler auch am PC erkennen und mit Firebug nachsehen, was das Probkem eigentlich ist.

Leider ist mein PC zur Zeit defekt. Ich bekomme meinen neuen Rechner erst am Donnerstag.
Aber wenn der dann übers Wochenende eingerichtet ist, hoffe ich das ich dann auch wieder mehr sehen kann.
Zur Zeit bin ich mit dem Tablet online und da habe ich keine Möglichkeit, zur individuellen Diagnose.

Das ist zur Zeit mein Probkem.
Aber eventuell findest du im FF diese Entwickleroptionen selber und kannst mal versuchen, mit dem Iphone Einstellungen dir das Forum mal selber anzusehen.
Sonnst musst du bitte warten, bis ich wieder onlne bin oder Günther kann uns da weiter helfen.

[weimaranerfreundin]

Hallo Frank,

Ich werde im Testforum mal ein bissl mit dem Modul rumspielen und schauen, ob ich im FF diese Entwicklerfunktion finde.... allerdings ist mein Fähigkeit Fehler in Scripts auszulesen und zu beheben eher gleich Null und ich werde dann wohl eher auf Eure freundliche Hilfe angewiesen sein.....
Ich warte dann mal, bis Du oder Günther die Zeit und Möglichkeit habt zu schauen was da los ist

Danke erstmal
Susanne

[Günther]

Hallo,

nur leider sieht es in der mobilen Version auf meinem Iphone ganz verkehrt aus....

Du meinst wohl in der klassischen Version auf deinem iPhone?
Denn in der mobilen Version, die eben speziell für mobile Endgeräte angepasst ist, sieht man dieses Modul gar nicht.

Wie Frank bereits erklärt hat, ist diese Anzeige für Desktop-Bildschirmauflösungen gedacht (PC, Notebook). Für Smartphone-Auflösungen ist die Umsetzung nicht gedacht.
Warum die Anzeige auf deinem iPhone nicht passt? Weil es die Schriftgröße der Themenlinks im Modul eigenmächtig ändert:
http://praegnanz.de/weblog/die-mysterioese-textvergroesserung-im-iphone-safari
Darauf hast du auch mit CSS keinen Eingriff, weil die entsprechende Technologie noch experimentell ist:
https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

Dein Handy vergrößert also die Schrift, sodass sie nicht mehr zur Aufzählungsgrafik (1-20) passt. Dagegen kannst du leider präventiv nichts unternehmen.
Entweder akzeptierst du diese Eigenheit mobiler Endgeräte oder du entfernst die Aufzählungsgrafik aus dem Template mod_recent_topics:

Code:

   <td colspan="1" style="border-top: 0px none; padding: 0px; background: transparent url(http://i41.servimg.com/u/f41/16/51/01/35/liste_12.png) no-repeat scroll center top; width="24";><img src="http://2img.net/i/fa/empty.gif" width="24" border="0">
    </td>

[weimaranerfreundin]

Ich danke Dir, Günther..... ja, Du hast natürlich recht -> es handelt sich um die klassische Anzeige bei mobilen Geräten .
Schade..... aber dafür kann ja keiner was.... ich werde noch ein bissl mit diesem Modul experimentieren....

Vielen Dank
LG Susanne