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
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
Welche Anleitung meinst du denn?
Gruß
Thomas
blucomp | Webdesign & Onlinelösungen
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
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
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)
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
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
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
Keine Ahnung... vielleicht liegt das an deinem bgstretcher?
Vielleicht verträgt sich beides nicht.
Gruß
Thomas
blucomp | Webdesign & Onlinelösungen
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?
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
Ich habe meine StickyFooter Lösung an die Version 2.10.x angepasst.
Reines CSS. Nur für xHtml.
Anbei als Zip. Inkl. Anleitung.
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:
Was ist falsch daran?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 */
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)
Anbei zwei Screenshots, die das Problem zeigen...
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
Nein der Footer ist 250px auf dem Screenshot, diese 250px hat er allerdings auch überall...
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
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 in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen