Ich habe eine sehr einfache Webseite mit einem Problem. Es hat 3 Divs, die aufeinander sitzen, die Kopfzeile, Inhalt und Fußzeile.
Ich möchte, dass sich meine Fußzeilenhöhe bis zum Ende der Seite ausdehnt. Wie kann ich das tun?
Der Header hat eine konstante Höhe, der Inhalt variiert je nach Inhalt, der von einem AJAX-Aufruf empfangen wird. Also kann ich es nicht explizit einstellen.
Heres mein JSFiddle: Ссылка
%Vor%Dies erweitert die Fußzeile nicht wirklich, aber erweitert die Hintergrundfarbe visuell.
Ein ähnlicher Ansatz für Fayerths, bei dem die Größe des Browsers dynamisch angepasst wird (und auf jQuery basiert).
Anstatt die Fußzeile direkt zu vergrößern, habe ich das zusätzliche leere Element <div class="flex-footer"> hinzugefügt und stattdessen die Größe geändert. Mein Gedanke ist, dass es einen weniger nervösen Effekt geben sollte, wenn die Fußzeile eine Reihe von Elementen enthält und nicht mit irgendwelchen Kindern der Fußzeile verwechselt wird, die relativ zum Elternteil dimensioniert sind.
Ihr CSS sollte dann die notwendige Hintergrundfarbe anwenden.
Beachten Sie meinen Kommentar zu negativen Margen. Dies war in meinem Fall notwendig, da das Design die Verwendung negativer Margen erforderte. Ich habe dieses Bit für den Fall enthalten, dass es auch dein tut.
%Vor%In reinem CSS ist das nicht möglich, aber wenn Sie etwas ausgefallenes Javascript verwenden möchten, können Sie die Höhe der Fußzeile dynamisch ändern, um die verbleibende Höhe zu vergrößern, vorausgesetzt, der Inhalt tut dies noch nicht für Sie.
%Vor%Es ist normalerweise besser, dem Vorschlag von SynXsiS zu folgen, da er dazu neigt, einen schöneren Eindruck zu hinterlassen. Am Ende hängt es wirklich von der Art ab, wie Sie das Aussehen Ihrer Seite gestalten.
sehr einfach und funktioniert für mich :)
Fußzeile {Position: absolut; Breite: 100%; oben: (siehe unten); }
Sie können versuchen, mit verschiedenen Prozentwerten in Top-Eigenschaft, wenn die Fußzeile den gewünschten Platz auf Ihrem Bildschirm nehmen, wird dieser Prozentsatz für alle Auflösungen gelten :)
Ich mache ein Wordpress-Theme - und habe das gleiche Problem. Aber wenn ich eine klebrige Fußzeile implementiere, scrollt es tatsächlich teilweise mit dem Inhalt weg. Wordpress ist ein Durcheinander, also bin ich nicht sicher, warum es das tut - aber was ich brauche, ist die Fußzeile unter dem Hauptinhalt sitzen zu lassen, aber DANN den Rest des Bildschirms zu füllen, damit es auf kürzeren Seiten nicht albern aussieht / p>
Irgendwelche Ideen für eine einfache CSS-Korrektur außer dem Farbtrick? (was ich tun darf;)
Claudia
Tags und Links javascript html css