Anzeige mit Überlagerung der Portal-Tabellen auf dem iPad

[[Mark]]

Deine Portal Version: 2.1.0-rc2
Typ Deines phpBB Forums: Standard phpBB3
MODs installiert: Ja
Dein Wissensstand: Grundwissen
Link zu Deinem Forum: http://www.usa-westen.info

PHP Version: 5.4.16
MySQL Version: 5.6.19

Was hast Du gemacht, bevor das Problem aufgetreten ist?
Update Forensoftware von Version 3.1.3 auf Version 3.1.4 (deutsch)

Was hast Du bereits versucht um das Problem zu lösen?
Lösungsansätze im Forum und im Netz gesucht

Fehlerbeschreibung und Nachricht
Anzeige mit Überlagerung der Portal-Tabellen auf dem iPad

Nach der Installation der neuen Forensoftware werden die Tabellen des Portals überlagert dargestellt. Die Anzeige betrifft aber nur die Anzeige auf dem iPad. Auf meinem Windows-Rechner wird das Portal richtig dargestellt. Woran kann das liegen???

[archivar]

Der Fehler ist bekannt: Überschneidungen der Blöcke im prosilver
Ich denke Marc findet eine Lösung für das Problem.

[[Mark]]

Danke für die Info. Da der Fehler nur bei einigen Browsern - wie hier z.B. Safari - auftritt, ist das ganze nicht ganz so problematisch. Trotzdem hoffe ich das Marc eine Lösung des Problems findet. Vielen Dank im voraus...

[Excalibur]

So wie es ausschaut tritt dieses Verhalten bei vielen (allen?) mobilen Geräten auf. Auf meinem Galaxy Tab überlagert das Portal im Querformat auch Teile des Forums. Dank der Tabletgrösse aber nur minimal. Beim iPAD ist es um einiges deutlicher wahrnehmbar. Nimmt man das Tablet Hochformat, dann werden sämtliche Portalkomponenten an des untere Ende des Forums verschoben.

Das soll jetzt nur als zusätzliche Information betrachtet werden

[Berthold]

Und ist schon eine Lösung in Sicht?

Ich verwende einen auf ProSilver basierenden Style der diesen Fehler nicht hatte. Durch das Update auf phpBB3 3.1.5 tritt dieser Fehler aber nun auf. Beim Dateivergleich finde ich auf Anhieb keine Stelle die in Frage kommt. Daher die Frage hat jemand eine Idee welche Datei in Frage kommt? Ich kann auch gerne den alten Style zur Verfügung stellen, mit dem der Fehler nicht auftritt.
Am Portal hat sich zwischenzeitlich nichts geändert. Der Fehler tritt auf dem iPad im Querformat mit Safari auf. Verwendet man Safari auf dem Mac und und verkleinert das Browserfenster, so das es dem iPad entspricht tritt der Fehler nicht auf. Im Entwicklermodus von Opera können verschiedene mobile Geräte simuliert werden. Hier ist es mir zweimal gelungen den Fehler sichtbar zu machen. Aktuell tritt er mit Opera aber nicht mehr auf.

Laut Bugreport wird auf Informationen gewartet. Welche Informationen werden benötigt??? Gibt es etwas was ich ausprobieren kann?

Gruß Berthold

[Kirk]

Marc arbeitet daran.

[Berthold]

Noch ein Nachtrag:

Hier befindet sich bei mir im Fehlerfall (phpBB3 3.1.5) die linke Spalte:
<div id="portal-left" style="width: 180px; margin-top: 0px;"> margin-top ist hier falsch

Die rechte Spalte hat es noch schlimmer erwischt:
<div id="portal-right" style="margin-top: 0px; margin-left: -474px; width: 474px;"> da ist noch mehr falsch

Obwohl margin-top = 0 ist, wird dieser Block unterhalb von wer ist online dargestellt. Wegen margin-left natürlich stark nach links verschoben.
Laut WEBinfo kommt für div#portal-right portal_responsive.css Zeile 26 zur Anwendung und das obwohl das iPad im Querformat 1024 Pixel hat.
@media only screen and (max-width: 895px), only screen and (max-device-width: 895px)
{
div#portal-right { width: 49% !important; }
div#portal-left { width: 50% !important; }
div#portal-center {
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.responsive-portal-news dt { width: 100% !important; }
.responsive-portal-announcements dt { width: 100% !important; }
}

Bei dem alten Stand (läuft noch als Test mit phpBB3 3.1.3 ohne den Fehler) war die linke Spalte wie folgt positioniert:
<div id="portal-left" style="width: 180px; margin-top: 1818px;">
Und die rechte Spalte:
<div id="portal-right" style="width: 180px; margin-left: -350px; margin-top: 1818px;">
Es gibt aber auch hier den Verweis auf die selbe CSS Regel, was ich nicht verstehe.

Am Portal (2.1 RC 2) hat sich zwischenzeitlich nichts geändert!! Es muss also einen Zusammenhang mit den Änderungen am Style von phpBB3 geben.

Test mit iOS Simulator auf einem Mac. Wenn ich noch was testen kann lasst es mich wissen.

Gruß Berthold

[Berthold]

Noch ein paar Informationen.

Ich habe auf localhost ein neues Forum phpBB3 3.1.5 mit Board3 Portal 2.1.0 RC 2 ohne irgendwelche Zusätze installiert. Bereits in dieser Konstellation tritt der Darstellungsfehler auf dem iPad im Querformat auf.

Wenn ich aber die board3.de Seite aufrufe tritt dieser Fehler nicht auf.

Daraus ergibt sich für mich die Frage was unterscheidet die board3 Konfiguration von einer Standardkonfiguration????
Bereits im DOM-Baum erkennt man eklatante Unterschiede
localhost mit Fehler - body id="phpBB" class="section- app/portal ltr hasjs hastouch"
board3 ohne Fehler - body id="phpBB" class="section-portal ltr"
Dies ist beispielhaft nur einer der vielen Unterschiede.

Woher kommen diese Unterschiede? Verwendet board3 etwa keine aktuelle Software?
Hier die Copyright Zeilen von board3.de ohne Darstellungsfehler
Powered by Board3 Portal © 2009 - 2011 Board3 Group
Powered by phpBB® Forum Software © phpBB Group

Und hier diese Information von einem neu installiertem Forum mit Darstellungsfehler
Powered by Board3 Portal © 2009 - 2015 Board3 Group
Powered by phpBB® Forum Software © phpBB Limited

Wie ist der aktuelle Stand der Fehlerbehebung?
Wann ist mit einer Lösung zu rechnen?
Gibt es für die Übergangszeit eine Möglichkeit, nur auf dem iPad im Querformat die Forumsübersicht anstelle des Portals anzuzeigen?

Ich finde diesen Fehler extrem ärgerlich, da immer mehr Nutzer auch ein iPad benutzen und anscheinend auch andere Geräte betroffen sind. Wenn ich mit irgendwelchen Informationen oder Tests weiterhelfen kann lasst es mich wissen.

Gruß Berthold

[archivar]

Hallo Berthold,
wenn die Fehler des Portal´s auf dem iPad so gravierend sind kannst Du das Portal deaktivieren bis Marc eine Lösung gefunden hat.
Hier kannst Du dir die neuesten Änderungen zum Testen herunterladen: https://github.com/board3/Board3-Portal.
Und eventuell ist dein Problem dort schon behoben.

[Berthold]

Hallo archivar,

vielen Dank für die Rückmeldung und den Link. Leider funktioniert der aktuelle Zwischenstand auf meinem iOS Simulator garnicht. Es erscheint nur eine Fehlermeldung mit event... Danach habe ich nur den neuen style Ordner mit dem Portal 2.1.0 RC2 verwendet. In diesem Fall sind die Boxen nur um ein paar Pixel vertikal verschoben.

Ich werde mich dann mal in Geduld üben und auf das nächste Release warten.

Gruß Berthold

[Dragodor]

Hallo zusammen,

habe den Fehler auch auf dem iPad bemerkt.
Interessanterweise tritt der Fehler nicht auf, wenn man das iPad im Hochformat stellt.
Nur im Querformat sieht es nicht so gut aus.

Ist schon eine Lösung in Sicht?
Kenne mich da leider auch nicht so aus, als dass ich da helfen könnte.

Beste Grüße
Dragodor

[cpg]

Moin,

ich weiß, das Thema ist schon alt, ich erlaube mir aber trotzdem die Frage:

In welcher Datei finde ich die Zeilen, die das ausgeben?

localhost mit Fehler - body id="phpBB" class="section- app/portal ltr hasjs hastouch"
board3 ohne Fehler - body id="phpBB" class="section-portal ltr"
Dies ist beispielhaft nur einer der vielen Unterschiede.

Gruß und danke
cpg

[Kirk]

Hi
Dies wird aus mehreren Dateien zusammen gesetzt, u. a. die js Dateien

[cpg]

Moin,

danke!

Es ist vielleicht etwas übertrieben - und ich sollte mich eher um andere Sachen kümmern, aber ich habe Forum/Portal mal durch den W3C Prüfer laufen lassen und da waren einige "warning" und zwei (angebl. Fehler).
Die "warning" bezogen sich auf <script type="text/javascript"> - ist wahrscheinlich nicht besonders wichtig; type kann man wohl entfernen.
jedenfalls beszog sich eine Zeile auch auf "class="section- app/portal ltr hasjs hastouch", sodass ich hier im Thema gelandet bin.

Ich will das Thema hier nicht sprengen - es war noch ein <dd> zu viel oder zu wenig; aber Forum und Portal funktionieren; das ist doch die Hauptsache.
... und das bei den vielen Änderungen, die ich eingebaut habe.

Gruß und schönen Abend
cpg