Ergebnis 1 bis 19 von 19

Thema: Sticky Footer

  1. #1
    Contao-Nutzer Avatar von matp
    Registriert seit
    13.12.2011.
    Ort
    Tirol
    Beiträge
    213

    Beitrag Sticky Footer

    Hallo,

    hab eine Frage und habe den Sticky footer laut Anleitung gebaut funktioniert aber trozdem nicht.'
    hat jemand vl. eine Idee was der Fehler sein könnte? :S

    http://leidolf.m-plus-m.at/praxis-oesterreich.html

    greetz matp

  2. #2
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Welche Anleitung meinst du denn?

    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

  3. #3
    Contao-Nutzer Avatar von matp
    Registriert seit
    13.12.2011.
    Ort
    Tirol
    Beiträge
    213

    Standard

    Zitat Zitat von tblumrich Beitrag anzeigen
    Welche Anleitung meinst du denn?

    Gruß
    Thomas
    nach dieser anleitung habe ich es jetzt probiert http://ryanfait.com/sticky-footer/


    habe aber auch schon andere versucht.

    das ziel ist das der footer immer unten ist aber wenn du einen kleinen browser hast einfach nach unten verschoben wird,
    sobald der inhalt länger ist momentan legt sich der footer über den anderen inhalt sobald die auflösung kleiner ist.

    greetz matp

  4. #4
    Wandelndes Contao-Lexikon Avatar von BugBuster
    Registriert seit
    15.06.2009.
    Ort
    Berlin
    Beiträge
    10.519
    User beschenken
    Wunschliste

    Standard

    Weil im Beispiel die HTML Struktur anders ist als bei Contao.
    Im Beispiel ist das footer div außerhalb vom wrapper.

    Zum Thema Sticky Footer findest du hier im Forum schon einige Hinweise/Anleitungen
    Grüße, BugBuster
    "view source" is your guide.
    Danke an alle Amazon Wunschlisten Erfüller

  5. #5
    Contao-Nutzer Avatar von matp
    Registriert seit
    13.12.2011.
    Ort
    Tirol
    Beiträge
    213

    Standard

    Zitat Zitat von BugBuster Beitrag anzeigen
    Weil im Beispiel die HTML Struktur anders ist als bei Contao.
    Im Beispiel ist das footer div außerhalb vom wrapper.

    Zum Thema Sticky Footer findest du hier im Forum schon einige Hinweise/Anleitungen
    ja ich habe es bei mir auch außerhalb vom footer gemacht.
    http://leidolf.m-plus-m.at/praxis-oesterreich.html

    und auch schon viele andere möglichkeiten probiert aber irgendwie will das nicht funktionieren aber viel kann da nicht mehr sein oder??

    greetz matp
    Geändert von matp (26.01.2012 um 10:49 Uhr)

  6. #6
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Hi.

    Es gibt aber auch schon einige Lösungen fertig für Contao, vielleicht solltest du mal danach suchen, die funktionieren eigentlich. Und mittlerweile gibts sogar was, was ohne Veränderung der fe_page auskommt... zumindest für alle aktuellen Browser:
    http://de.contaowiki.org/Footer_am_u..._positionieren

    Im übrigen stimmt dein CSS Code auch nicht mit dem geposteten überein... da sind einige andere Anweisungen drin.

    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

  7. #7
    Wandelndes Contao-Lexikon Avatar von BugBuster
    Registriert seit
    15.06.2009.
    Ort
    Berlin
    Beiträge
    10.519
    User beschenken
    Wunschliste

    Standard

    Ja da gibt es zwei verschiedene Typen von Sticky Footern.
    a) Variante mit footer div außerhalb von wrapper/container
    b) reinem CSS

    der Unterschied ist dabei das
    a) Footer ist immer am Ende der Seite, nur wenn Seite kleiner wie Browser ist Footer am Browserende
    b) Footer ist immer am Browserende,wegen der absoluten Positionierung, auch wenn Seite größer ist.

    Ich habe bisher die Variante a) bevorzugt. (im Einsatz siehe Signatur)
    Wegen der min-height Angabe funktioniert die reine CSS Variante nur bei neueren Browsern, besonders was den IE angeht.
    Grüße, BugBuster
    "view source" is your guide.
    Danke an alle Amazon Wunschlisten Erfüller

  8. #8
    Contao-Nutzer Avatar von matp
    Registriert seit
    13.12.2011.
    Ort
    Tirol
    Beiträge
    213

    Standard

    Zitat Zitat von tblumrich Beitrag anzeigen
    Hi.

    Es gibt aber auch schon einige Lösungen fertig für Contao, vielleicht solltest du mal danach suchen, die funktionieren eigentlich. Und mittlerweile gibts sogar was, was ohne Veränderung der fe_page auskommt... zumindest für alle aktuellen Browser:
    http://de.contaowiki.org/Footer_am_u..._positionieren

    Im übrigen stimmt dein CSS Code auch nicht mit dem geposteten überein... da sind einige andere Anweisungen drin.

    Gruß
    Thomas
    danke für die info. habe es jetzt so umgesetzt jetzt ist glaub ich nur mehr ein kleiner fehler und zwar sitzt der footer bei größerem bildschirm nicht ganz unten was könnte da noch das problem sein?
    http://leidolf.m-plus-m.at/praxis-oesterreich.html

    greetz matp

  9. #9
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Keine Ahnung... vielleicht liegt das an deinem bgstretcher?
    Vielleicht verträgt sich beides nicht.

    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

  10. #10
    Contao-Nutzer Avatar von matp
    Registriert seit
    13.12.2011.
    Ort
    Tirol
    Beiträge
    213

    Standard

    Zitat Zitat von tblumrich Beitrag anzeigen
    Keine Ahnung... vielleicht liegt das an deinem bgstretcher?
    Vielleicht verträgt sich beides nicht.

    Gruß
    Thomas
    ja muss ich schauen aber trozdem danke


    greetz matp
    Geändert von matp (27.01.2012 um 10:37 Uhr)

  11. #11
    Contao-Fan
    Registriert seit
    14.01.2011.
    Beiträge
    260

    Standard

    Nein, der bgStretcher verträg sich nicht mit der StickyFooter-CSS-Datei.
    -> https://www.contao-community.de/show...276#post185276

    Was kann man da nun machen?

  12. #12
    Wandelndes Contao-Lexikon Avatar von BugBuster
    Registriert seit
    15.06.2009.
    Ort
    Berlin
    Beiträge
    10.519
    User beschenken
    Wunschliste

    Standard

    Die Ursache suchen, Programmierer von bgStretcher ansprechen.
    Kann aber sein das da nichts zu machen ist, wenn beiden die selben CSS-Tricks anwenden und damit sich gegenseitig überschreiben, was ich mal vermute ohne bgStretcher zu kennen.
    Grüße, BugBuster
    "view source" is your guide.
    Danke an alle Amazon Wunschlisten Erfüller

  13. #13
    Contao-Nutzer Avatar von Nils Müller
    Registriert seit
    19.02.2010.
    Ort
    Hamburg
    Beiträge
    19

    Standard

    Ich habe meine StickyFooter Lösung an die Version 2.10.x angepasst.
    Reines CSS. Nur für xHtml.

    Anbei als Zip. Inkl. Anleitung.
    Angehängte Dateien Angehängte Dateien

  14. #14
    Contao-Fan
    Registriert seit
    03.01.2011.
    Beiträge
    260

    Standard

    Ich bekomme es unter 2.11.0 einfach nicht mehr hin, dass der StickyFooter ordentlich funktioniert. Kann mir da irgendjemand weiterhelfen?

    Ich bräuchte eine Variante, bei der der Footer nicht im Wrapper liegt. Ich probiere seit Tagen rum, aber es funktioniert einfach nicht mehr.

    Ich ändere die fe_page ab, also den Footer aus dem Wrapper nehme und dann folgenedes CSS verwende:

    Code:
    /*
    *
    {
    	margin:0;
    	padding:0;
    }
    
    
    html, body, #wrapper
    {
    	height: 100%;
    }
    
    body > #wrapper
    {
    	height: auto;
    	min-height: 100%;
    }
    
    
    #container
    {
    	padding-bottom: 50px;
    }  /* must be same height as the footer */
    
    
    #footer
    {
    	position: relative;
    	margin-top: -50px; /* negative value of footer height */
    	height: 50px;
    	clear:both;
    }
    
    /* CLEAR FIX*/
    .clearfix:after
    {
    	content: ".";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;
    }
    
    .clearfix
    {
    	display: inline-block;
    }
    
    /* Hides from IE-mac \*/
    * html .clearfix
    {
    	height: 1%;
    }
    
    .clearfix
    {
    	display: block;
    }
    /* End hide from IE-mac */
    Was ist falsch daran?
    Der Container bekommt nun ein Padding von 50px nach unten. Das steht ja auch so in der StickyFooter CSS. Vorher war das allerdings nicht sichtbar. Nun ist der Container immer 50px höher als er sein sollte...
    Geändert von ElMariachi (06.03.2012 um 15:08 Uhr)

  15. #15
    Contao-Fan
    Registriert seit
    03.01.2011.
    Beiträge
    260

    Standard

    Anbei zwei Screenshots, die das Problem zeigen...
    Angehängte Grafiken Angehängte Grafiken
    • Dateityp: jpg 1.jpg (67,2 KB, 58x aufgerufen)
    • Dateityp: jpg 2.jpg (14,7 KB, 55x aufgerufen)

  16. #16
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Hi.

    Ich finde deine Screens nicht sehr hilfreich... leider. Ist dein Footer denn wirklich 50px? Sieht irgendwie nicht so aus. Hast du dem Footer im Seitenlayout auch eine Höhe zugewiesen? Wenn ja, ist das deine Höhe und diesen Wert benötigt der Container bei der Variante als padding-bottom. Das negative margin-top nicht vergessen.

    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

  17. #17
    Contao-Fan
    Registriert seit
    03.01.2011.
    Beiträge
    260

    Standard

    Nein der Footer ist 250px auf dem Screenshot, diese 250px hat er allerdings auch überall...

  18. #18
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.225
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    Hmm, bin nicht sicher ob ich richtig verstehe... was meinst du mit "überall"?
    Wenn das da oben deine stickyfooter.css ist, dann passt das eben nicht. Weil padding-bottom beim container und margin-top beim footer nicht stimmt.

    Gruß
    Thomas
    blucomp | Webdesign & Onlinelösungen

  19. #19
    Contao-Fan
    Registriert seit
    03.01.2011.
    Beiträge
    260

    Standard

    Ich habe es "überall" angepasst, also auch in der StickyFooter CSS. Hier steht noch 50px, aber da mein Footer auf der Webseite 250px ist, habe ich es auch dort geändert...

    Ich versuche morgen einen Link zu posten.

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
  •