Contao-Camp 2024
Ergebnis 1 bis 16 von 16

Thema: Abstand oben bei Einbindung eines Formulars/Registrierung

  1. #1
    Contao-Nutzer Avatar von sirena
    Registriert seit
    04.02.2010.
    Ort
    Arlesheim, CH
    Beiträge
    17

    Standard 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
    Geändert von sirena (03.03.2021 um 21:37 Uhr)

  2. #2
    Contao-Urgestein
    Registriert seit
    30.01.2011.
    Ort
    Stuttgart
    Beiträge
    4.138

    Standard

    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

  3. #3
    Contao-Nutzer
    Registriert seit
    11.03.2012.
    Ort
    Riehen, CH
    Beiträge
    27

    Standard

    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

  4. #4
    Contao-Nutzer Avatar von sirena
    Registriert seit
    04.02.2010.
    Ort
    Arlesheim, CH
    Beiträge
    17

    Standard

    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.

  5. #5
    Contao-Nutzer Avatar von Black Pirate
    Registriert seit
    10.02.2015.
    Beiträge
    224

    Standard

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

  6. #6
    Contao-Nutzer Avatar von sirena
    Registriert seit
    04.02.2010.
    Ort
    Arlesheim, CH
    Beiträge
    17

    Standard

    Zitat Zitat von Black Pirate Beitrag anzeigen
    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 Ich bleibe dran.

  7. #7
    Contao-Nutzer Avatar von Black Pirate
    Registriert seit
    10.02.2015.
    Beiträge
    224

    Standard

    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.

  8. #8
    Contao-Nutzer Avatar von sirena
    Registriert seit
    04.02.2010.
    Ort
    Arlesheim, CH
    Beiträge
    17

    Standard

    Zitat Zitat von Black Pirate Beitrag anzeigen
    Hallo Sirena
    - die gleiche fe_page?
    - das gleiche Layout?
    - das gleiche Modul/Artikel?
    - das gleiche Formular-Template?
    hat alles Überprüfen nichts gebracht 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>.

  9. #9
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    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.
    Geändert von mlweb (02.03.2021 um 12:57 Uhr)
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  10. #10
    Contao-Nutzer Avatar von RockSolid Themes
    Registriert seit
    29.05.2012.
    Beiträge
    205
    Partner-ID
    8945

    Standard

    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. screenshot-html-quelltext.png

    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.

  11. #11
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von RockSolid Themes Beitrag anzeigen
    In den Developer-Tools vom Firefox im Netzwerk-Tab sind diese BOM-Zeichen auch zu sehen, siehe Screenshot. screenshot-html-quelltext.png
    @RockSolid Themes

    Der Screenshot stammt aus dem Debugger-Tab oder?

    Den hatte ich bisher noch zu wenig auf dem Schirm.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  12. #12
    Contao-Urgestein Avatar von Franko
    Registriert seit
    22.06.2009.
    Beiträge
    1.503
    Partner-ID
    6122

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    @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 ...
    Freelancer, Digital Design Enthusiast, Contao Aficionado and Tutorial Junkie @MoinFranko - Carpe diem ...

  13. #13
    Contao-Nutzer Avatar von sirena
    Registriert seit
    04.02.2010.
    Ort
    Arlesheim, CH
    Beiträge
    17

    Standard

    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
    Was ich jetzt schon sagen kann: ich habe immer die Original fe_page verwendet.

  14. #14
    Contao-Nutzer Avatar von sirena
    Registriert seit
    04.02.2010.
    Ort
    Arlesheim, CH
    Beiträge
    17

    Standard

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

    Beste Grüsse
    sirena

  15. #15
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von sirena Beitrag anzeigen
    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.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




  16. #16
    Contao-Nutzer Avatar von sirena
    Registriert seit
    04.02.2010.
    Ort
    Arlesheim, CH
    Beiträge
    17

    Standard

    Zitat Zitat von mlweb Beitrag anzeigen
    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.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •