Fußzeile mit dem CSS-Framework der ZURB Foundation erstellen
Ich bin mit ZURB foundation CSS-framework, ein website-design. Derzeit bin ich versucht, zu erstellen eine Fußzeile, die bleiben an der Unterseite meiner Seite. Ich habe den folgenden code für die Fußzeile, aber seine nicht auf den Boden, vielmehr zeigt sich in der Mitte.
Könnten Sie mir bitte sagen, wie man erstellen Sie eine Fußzeile (mit ZURB foundation framework), bleiben am Boden?
<div class="row">
<div class="twelve columns" style="background-color:#000000; height:30px; bottom:0;"></div>
</div>
InformationsquelleAutor der Frage black_belt | 2012-11-01
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich würde zwei verschiedene Fußzeilen - eine für desktop & tablets und eine für Handys.
Verwendung von Zurb "Karte und ausblenden auf Optionen" es ist sehr einfach zu tun. Sie können eine beliebige Grafik verwendet, die von beiden Fußzeilen "download Strafe" ist klein.
Erstellen einen sticky footer für Sie website müssen Sie einige CSS, Zurb. (Sie können fügen Sie diese in die app.css-Datei, die Zurb-repository für deine extra CSS)
Auch Brad Frost Artikel (geschrieben von Ed Charbeneau) ist ein großer Lesen - ich hatte nicht gesehen, dass vor.
InformationsquelleAutor der Antwort Jules Matthews
Einfach! Zurb Foundation basiert selbst auf Kompass. So können Sie die "Kompass" Sticky Footer' mixin.
http://compass-style.org/reference/compass/layout/sticky_footer/
Es ist ein Beispiel, wie es hier tun:
http://compass-style.org/examples/compass/layout/sticky-footer/
Aber Sie gehen einfach:
Und in Sie SCSS
InformationsquelleAutor der Antwort superlogical
HTML:
CSS
arbeiten fiddle: http://jsfiddle.net/AunmM/
InformationsquelleAutor der Antwort Vincent
Schauen Sie sich dieses einfache sticky footer für die Stiftung, keine Notwendigkeit für einen #wrapper oder eine Feste Höhe! Funktioniert in der mobilen als auch. http://tangerineindustries.com/download/sticky_footer/
InformationsquelleAutor der Antwort Corey Snyder
Referenz, hier ist, wie ich das bewerkstelligen mit Foundation 4.0.
Gegeben
<footer>
tag.InformationsquelleAutor der Antwort leetheguy
Mit Stiftung 6 der Kompass import ist nicht möglich out-of-box. Und Abhilfe ist schwer zu finden.
Gute Lösung zusammen mit der Stiftung kann mit diesem kleinen Helfer:
http://tangerineindustries.com/download/sticky_footer/
Pro:
<footer>
tag.Anpassung der Fenstergröße.
html-Elemente.
Contra:
InformationsquelleAutor der Antwort Herr_Hansen
Was Sie versuchen zu tun ist, erstellen Sie einen "Sticky Footer" oder "Feste Position Fußzeile". Das ist etwas, was unabhängig von der Stiftung und stattdessen ist eine Funktion von CSS im Allgemeinen.
Ich würde vorschlagen, diesen Artikel Lesen, die von Brad Frost. Es kennzeichnet die grundlegende CSS eingebunden in die Erstellung einer Festen Position element und die Kompatibilität Probleme, die aus zu tun.
http://bradfrostweb.com/blog/mobile/fixed-position/
InformationsquelleAutor der Antwort Ed Charbeneau