Ich habe eine Seite, die ich bauen möchte, und ich habe einen kleinen Haken gefunden, der mich wahnsinnig macht. Im Wesentlichen möchte ich auf Seiten ohne ausreichenden Inhalt zum Füllen des Ansichtsfensters das letzte div (my footer) den Rest des Ansichtsfensters ausfüllen lassen, aber es wird gerade abgeschnitten.
Mein HTML sieht so aus:
%Vor% Ich habe versucht, mit html, body, footer { height:100%; } , aber das schafft viel mehr Platz als benötigt, im Wesentlichen eine vollständige Bildschirmlänge von leerem Inhalt in der Fußzeile.
Wie erhalte ich meine Fußzeile nur, um den Rest des Bildschirms zu füllen, ohne eine Bildlaufleiste hinzuzufügen?
Vielen Dank im Voraus, Ein frustrierter Coder.
Ich bin ziemlich sicher, dass der einzige Weg, dies zu tun, ist, die absolute Resthöhe zu berechnen.
I.E, mit jQuery
%Vor%Sie würden dies bei der Fenstergrößenanpassung tun, um ein Fenster zur dynamischen Größenänderung zu ermöglichen.
%Vor%Ich weiß, das ist 10 Monate zu spät, also hast du wahrscheinlich schon etwas herausgefunden. Aber hier ist eine Lösung, die ich verwende.
(Aus irgendeinem Grund kann ich das Code-Ding nicht richtig ausführen, um Ihnen den Code zu zeigen.) Umschließen Sie grundsätzlich ein div namens "container" oder etwas ähnliches um alle anderen divs außer der Fußzeile. Das Fußzeilen-div wird direkt unter dem Container div mit allen anderen innerhalb des Containers sein.
Legen Sie die Hintergrundfarbe Ihres Körperstils so fest, dass Ihre Füllung ganz unten ist. Dann wäre die Hintergrundfarbe des Container-DIV, was Ihre Körperhintergrundfarbe war. Also wird alles bis auf die Fußzeile genau das sein, was die Hintergrundfarbe sein soll und dann füllt die Körperhintergrundfarbe den Rest der Seite.
Wenn du nicht auf die jQuery-Route gehen willst, gibt die Version des armen Mannes #content eine Mindesthöhe, die es in den meisten Displays funktionieren lässt, und / oder indem du deiner Fußzeile viel Auffüllen gibst Unterseite. Es kann in einigen Fällen eine Bildlaufleiste auslösen, da Sie nur steuern, wie kurz die Seite sein kann.
(Oder Sie können es einfach als Einschränkung des Mediums akzeptieren. Bei Stapelüberlauf beispielsweise wird die Fußzeile nur über den Leerraum verschoben, wenn die Seite zu kurz ist.)