wie halten die Fußzeile immer unten auf der Seite in sharepoint 2013, ohne javascript zu verwenden?

Ich bin dabei SharePoint UI-branding für mein Unternehmen Kunden. Die meisten Kunden möchten, halten Sie die Fußzeile immer am unteren Rand der Seite(nicht klebrig). Wenn Inhalte mehr, es wird automatisch unten, wenn die Inhalte jedoch weniger, ich will, dass die Fußzeile am unteren Rand des Bildschirms. In der normalen HTML-Seite kann ich dazu in der Lage mit CSS. Aber in SharePoint bis heute bin ich mit javascript um dieses Problem zu beheben.

Gibt es irgendeine Art, wie ich dieses problem lösen kann mit nur CSS in SharePoint 2013?

Sticky footer bedeutet, dass die Fußzeile "klebt" am unteren Rand der Seite. Ich denke du meinst "nicht schwebend".

InformationsquelleAutor Suresh Ponnukalai | 2014-05-06

  1. 2

    Lösung HIERFÜR ist im wesentlichen die gleiche wie das hinzufügen eines sticky footer, eine HTML-Seite (wie beschrieben hier), außer, dass es mehr schwer zu finden die richtigen Positionen für die divs in seattle.master-Datei in SharePoint 2013.

    Den sticky footer wird erstellt, indem die 3 Abschnitte (wrapper, push-und Fußzeile), um die Seite mit div - tags. push geht sofort nach s4-workspace div (Haupt-content-Bereich), und wrapper umgibt sowohl Haupt-content-Bereich und push. Fußzeile sofort folgt der schließende tag von wrapper div.

    CSS unten ist erforderlich, um das format der neuen divs.

    .wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -4em;
}
.footer, .push {
  height: 4em;
  clear: both;
}

    Ein paar Punkte, die zu beachten sind, die Fußzeile und push müssen dieselbe Höhe, und clear-Eigenschaft mit dem Wert der beiden versichert, wird der footer erstreckt sich über die gesamte Seite in einem multi-Spalten-layout.

    Diese ist eine große write-up, die speziell zum hinzufügen eines sticky footer in SharePoint 2013.

    Wenn der Inhalt im wrapper ist breiter als 100%, dann Fußzeile nicht füllt allen Raum (nach dem scrollen auf der rechten Seite gibt es leere Raum dort). Es ist möglich, dies zu beheben, aber Sie am Ende mit Fußzeile nicht geklebt, um die Unterseite, wenn der Inhalt kurz ist, oder alles ist ok, aber die Fußzeile ist teilweise abgedeckt durch eine horizontale scrollbar.

    InformationsquelleAutor gm2

  2. -1

    Wenn Sie Zugriff auf die masterpage der Lösung, Sie können CSS verwenden, um die footer-stick an den unteren Rand des Bildschirms.

    1) finden Sie die div id="s4-bodyContainer"

    2) fügen Sie ein div mit der Bezeichnung id="footer" Your footer content here /div>

    3) Fügen Sie ein CSS-Stil, um die Magie geschehen:

     #footer {

position: absolute;

bottom: 0;

width: 100%;

background-color: #1C537C;

color: white;

padding-top: 5px;

text-align: center;

min-height: 75px;

}

    Blick auf diese Website, wenn Sie möchten, eine demo und den Quellcode anschauen, wenn Sie wollen.

    https://amendeonline-public.sharepoint.com/Sider/default-en.aspx

    Der angegebene link funktioniert nicht.

    InformationsquelleAutor user3607478

Schreibe einen Kommentar