Abstand oben bei Einbindung eines Formulars/Registrierung

Druckbare Version

06.01.2021, 14:03
sirena

Abstand oben bei Einbindung eines Formulars/Registrierung

Hallo zusammen! - Nun melde ich mich doch noch auf diesem Weg, da ich trotz ausprobieren und Forums-Recherche zu keiner Lösung kam: Es zeigt mir in Safari, Firefox und Opera bei dieser Seite oben immer einen Rand an. Wie bekomme ich diesen weg? Ich hatte bereits eine Neuinstallation gemacht, da war der Rand endlich weg, wenige Stunden später (ohne mein Zutun) erschien er dann wieder!

Meine Version: Contao 4.9.10

Links zu den Seiten:
ohne Rand und ohne Formular sieht die Seite so aus:
events.jms-dornach.ch/meldeformular-ohne-formular.html
mit Rand und mit Formular dann so:
events.jms-dornach.ch/meldeformular-mit-formular.html

Grüsse
sirena

edit 03.03.2021: die verlinkten Seiten sind nicht mehr aktiv
06.01.2021, 16:03
magicsepp

liegt wohl an unterschiedkichen fe_page layouts
im "mit-formular" fall ist das erste Zeichen ein ? was den html Code etwas durcheinander bringt.

Siehe https://validator.w3.org/nu/?showsou...-formular.html
11.01.2021, 12:56
snoks7

Hallo,
ich würde dir Vorschlagen den FrontendHelper zu installieren:

https://rocksolidthemes.com/de/conta...ontend-editing

mit diesem sollte man erkennen können, bei welchem Bereich was eingefügt wurde...

probier's mal aus...

Schöne Grüsse Christian
25.01.2021, 09:32
sirena

Hallo magicsepp!
Danke für deinen Hinweis. Leider blieben meine weiteren Bearbeitungen erfolglos. Die fe_page Layouts sind bei beiden Seite dieselben... Es setzt mir, so scheint es mir, eine Leerzeile zuoberst ein, wenn ich das Formular einsetze. ich werde mich später wieder mit dieser Sache befassen. Ganz so dringlich ist es nicht (die Seite läuft ja), aber trotzdem unschön.
28.01.2021, 15:18
Black Pirate

Bei der Ansicht "mit Form" sind deine Head Daten unter dem Body-tag...
Das wäre dann des Rätsels Lösung.
06.02.2021, 20:38
sirena

Zitat:

Zitat von Black Pirate

Bei der Ansicht "mit Form" sind deine Head Daten unter dem Body-tag...
Das wäre dann des Rätsels Lösung.

Danke Black Pirate! Das habe ich bemerkt. Nur fand ich bislang die Lösung nicht :eek: Ich bleibe dran.
08.02.2021, 17:26
Black Pirate

Hallo Sirena

Starte die Suche am besten schön der Reihe nach.

Haben deine Versionen
- die gleiche fe_page?
- das gleiche Layout?
- das gleiche Modul/Artikel?
- das gleiche Formular-Template?

Irgendwas davon ist dann nicht identisch, und dort wird der Fehler drin sein.
02.03.2021, 10:36
sirena

Zitat:

Zitat von Black Pirate

Hallo Sirena
- die gleiche fe_page?
- das gleiche Layout?
- das gleiche Modul/Artikel?
- das gleiche Formular-Template?

hat alles Überprüfen nichts gebracht :eek: Habe sogar eine neue Installation (Version 4.9.12) erstellt. Selbst da erscheint immer ein Abstand. events.jms-dornach.ch
Sehr irritierend ist, dass die Metadaten innerhalb des <body> erscheinen und nicht im <head>.
02.03.2021, 11:54
mlweb

Ich nehme mal stark an, dass Du nicht die originale fe_page.html5 von Contao verwendest.
Auf jeden Fall zeigt der Validator Fehler an https://validator.w3.org/nu/?userage...erkonzert.html,was mit der Originaldatei von Contao definitiv nicht passiert. Unter anderem gibt es einen Fehler bei der Angabe des Doctypes, was m.E. auch in den Entwicklertools zur Ausgabe der Meta-Tags an der falschen Stelle führen könnte.
Solange der Fehler nicht beseitigt ist, ist es müßig nach anderen Ursachen für den Abstand zu suchen.
Aber den Hinweis zu Fehlern im HTML bekommst Du ja nicht zum ersten Mal ;).
Wahrscheinlich wurde das Template mit BOM abgespeichert. Wenn ich mir den Seitenquelltext kopiere und in meinem Editor lokal einmal korrekt abspeichere (UTF8 ohne BOM), dann gibt es Dein Abstandsproblem nicht mehr und der Validator ist auch zufrieden.
02.03.2021, 12:30
RockSolid Themes

Liste der Anhänge anzeigen (Anzahl: 1)

Sowohl der Abstand als auch der Validierungsfehler liegt am UTF-8-BOM.

In den Developer-Tools vom Firefox im Netzwerk-Tab sind diese BOM-Zeichen auch zu sehen, siehe Screenshot. Anhang 24394

Da es sich um neun einzelne BOM-Zeichen handelt liegt die Ursache vermutlich auf viele PHP-Dateien verteilt. Alle PHP-Dateien die verändert wurden sollten als „UTF-8 ohne BOM“ neu abgespeichert werden um das Problem zu lösen.
02.03.2021, 12:41
mlweb

Zitat:

Zitat von RockSolid Themes

In den Developer-Tools vom Firefox im Netzwerk-Tab sind diese BOM-Zeichen auch zu sehen, siehe Screenshot. Anhang 24394

@RockSolid Themes

Der Screenshot stammt aus dem Debugger-Tab oder?

Den hatte ich bisher noch zu wenig auf dem Schirm.
02.03.2021, 12:53
Franko

Zitat:

Zitat von mlweb

@RockSolid Themes

Der Screenshot stammt aus dem Debugger-Tab oder?

Den hatte ich bisher noch zu wenig auf dem Schirm.

In den Chrome Dev-Tools dann via "Network (Filter: All)" im "Response" Tab ...
03.03.2021, 10:04
sirena

Hey ihr hilfsbereiten Menschen (mlweb, RockSolid Themes, Franko)
Danke schon einmal für eure Inputs, ich werde dem nachgehen, insbesondere dem Hinweis der Validierung! Kann nicht täglich daran arbeiten :o
Was ich jetzt schon sagen kann: ich habe immer die Original fe_page verwendet.
03.03.2021, 12:59
sirena

Habe das Ganze neu aufgesetzt - nun klappts.. DANKE allen.
Ich werde mich künftig mehr auf die DB-Kollationen achten.

Beste Grüsse
sirena
03.03.2021, 16:26
mlweb

Zitat:

Zitat von sirena

Ich werde mich künftig mehr auf die DB-Kollationen achten.

Das Problem war nicht die DB-Kollation sondern das Speichern des Templates mit BOM in einem Editor.
03.03.2021, 20:30
sirena

Zitat:

Zitat von mlweb

Das Problem war nicht die DB-Kollation sondern das Speichern des Templates mit BOM in einem Editor.

danke für die Präzisierung, mlweb!
Nun ist der «Groschen» auch bei mir gefallen, wobei ich mich nicht erinnern mag, ein Template in einem (externen) Editor geladen/bearbeitet zu haben. Mache dies grundsätzlich über das contao-backend.