Footer unten auf einer leeren Seite?

Ich würde gerne das der Footer auf einer leeren Seite ganz unten ist und wenn man dann Inhalt hinzufügt, dass dieser nicht aber Fensterrand kleben bleibt sonder auf der Webseite ganz unten ist.

2 Antworten

tanteerna68

10.04.2022, 12:39

Das nennt sich "sticky footer". Einfach danach googeln, es gibt 1 Mio. Tutorials dazu.

FrageCoding

Fragesteller

10.04.2022, 12:40

Nein eben nicht?! Ich hab doch gesagt nicht am Fensterrahmen sonder auf der Webseite..... Lesen muss gelernt sein.

lucieartes

10.04.2022, 12:53

@FrageCoding

In deiner Frage hat es mindestens sieben Schreibfehler. Wie soll man das lesen können?

Hier kannst DU lesen, wie man positioniert.

https://www.mediaevent.de/css/position.html

tanteerna68

10.04.2022, 13:05

@FrageCoding

Nein eben nicht?! Ich hab doch gesagt nicht am Fensterrahmen sonder auf der Webseite..... Lesen muss gelernt sein.

Ich versuche Dir zu helfen, und Du gehst mich derart an.
So einem hilft man besser nicht. "FragCoding" :-D und dann bekommst Du noch nicht mal so etwas einfaches hin.

TrendyWeb

10.04.2022, 12:49

Probiers mal hiermit:

.footer {

background-color: #222222;

color: #fff;

text-align: center;

font-weight: lighter;

text-transform: uppercase;

position: fixed;

left: 0;

bottom: 0;

width: 100%;

height: 70px;

}

Woher ich das weiß:Berufserfahrung

TrendyWeb

10.04.2022, 12:53

*da sind noch ein paar eigene Design Ideen von mir für einen Footer, die ich meistens ganz gerne nutze

Ähnliche Fragen

footer in HTML unten, aber ohne fixed?

Hallo Community, ich versuche grade, einen Footer hinzubekommen, der nicht position:fixed ist, den man also nur sieht, wenn man ganz nach unten scrollt. Aber der footer soll sich ganz unten am Seitenende befinden (weshalb ich dies nicht mit margin machen möchte/würde). Weiß jemand, wie dies möglich ist?

Danke und MfG

Croghs

...zur Frage

Wie kann man einen Footer in HTML nach ganz unten setzen?

Hallo,

ich habe eine Frage: Auf meiner Webseite habe ich einen Footer, der, wenn der Bildschirm nicht so hoch ist wie die Seite selber ganz unten angezeigt wird, ich also scrollen muss, um ihn zu sehen. Wenn ich die Seite aber auf einem Monitor, der höher ist als die Seite, anschaue, dann wird der Footer "mitten auf dem Bildschirm" angezeigt.

Kennt jemand einen Link oder so, wo ich eine [elegante] Lösung mit CSS dafür finden kann?

Danke!

...zur Frage

Wie bleibt der Footer immer ganz unten der Seite (CSS,HTML)?

Hllo, ich möchte den Footer immer ganz unten der Seite haben. Allerdings ist ern nicht ganz unten wenn ich z.B. nur 1. Satz geschrieben habe... hier klappts nicht Beispiel: http://tom.musicintime.de/ hier klappts Beispiel: [Impressum]

Ich habe das mit footer { position: relative; width: 100%; } ausprobiert allerdings mit diesem Ergebniss

Wie kann ich Den Footer IMMER am Seitenende haben egal wie viel Inhalt ich habe?

...zur Frage

Footer an unteren Bildschirmrand befestigen?

Hallo Community,

Ich habe gerade eine Webseite mit Divi gebaut.

Jetzte möchte ich, dass der Footer immer, auf jeder Bildschirmgröße am unteren Bildschirmrand befestigt bleibt und das Background Image soll immer die volle Höhe zum Header haben, damit der weiße Abschnitt quasi immer ausgefüllt bleibt.

Darf die Seite leider nicht posten aber ich habe hier ein Bild per Anhang hoch geladen.

Haben schon viel mit CSS codes rum probiert aber leider erfolglos.

Vielleicht findet sich hier jemand, der mir sagen kann wie es funktioniert.

Lieben Gruß

...zur Frage

Footer ganz unten, wie?

Hey! Ich möchte meinen footer ganz unten haben und in oller breite! Wie mache ich das?

Hier die Skripte:

...zur Frage

HTML Banner auch beim scrollen an der gleichen stelle lassen?

Hallo,

Welchen Befehl muss ich eingeben, damit ich ein Banner habe das unten an meiner Webseite bleibt egal ob ich hoch oder runderscrolle, se soll immer am Bildschirmrand unten hängen und sich von dort wegbleiben.

Vielleicht kann mir ja auch jemand einen fertigen Quellcode geben. Und wo muss ich den Befehl Eingeben?

...zur Frage

HTML, wie Footer ganz nach unten?

Mit Position absolute passt es nicht, weil wenn die Seite 100vh übersteigt, dann ist es nicht ganz unten

        footer{
            margin: 0cm;
            padding: 0cm;
            width: 100%;
            position: absolute;
            bottom: 0;
            background-color: palevioletred;
        }

...zur Frage

css Rand entfernen

hey leute, ich beschäftige mich seit kurzem mit dem designen von webseiten und habe immer das problem dass ich wenn ich meine ganze seite mit css formatieren will so wie hier:

<body>
<div id="default">
<h1>Inhalt</h1>
</div>
</body>

dann bleibt immer ein weißer rand oben, unten, rechts und links von meinen in css definiertten hintergrundbild

bitte nicht die methode mit 'margin' vorschlagen die funktoniert nicht...

danke für hilfreiche antworten ;)

...zur Frage

Ladebalken auf einer homepage erstellen!

Vorerst möchte ich sagen, dass ich bislang nur sehr viel mit html und css gemacht habe! Erst vor kurzem (ca. 1 Monat) kam php dazu!

Nun habe ich auf meiner Seite erst einmal ein Grundgerüst erstellt: body, wrapper (der den Inhalt beinhält und zentriert), header, menü und den footer!

Unabhängig vom Grundgerüst werden nun die Seiten aufgerufen, also Startseite, Seite 2, Seite 3, Impressum etc., das Grundgerüst bleibt immer gleich und muss nicht nue geladen werden! Diese verschiedenen Seiten habe ich mit php eingebunden! Dazu genaueres findet ihr in einem Tutorial, aus welchem ich dieses wissen auch bezogen habe: http://www.youtube.com/watch?v=pLpTmDv18AI&feature=c4-overview&list=UU4iSMp_NB8fMw9bHi7D_Hiw

Die PHP-Datei, die nun meine Startseite, Seite 2, Seite 3 etc. einbindet möchte ich nun einen Ladebalken zu weisen. Das heißt klickt jemand auf eine Seite, bleibt das Grundgerüst bestehen, nur der Inhalt (bzw. die eingebundene PHP-Datei) wird neu geladen, was mit einem Ladebalken veranschaulicht werden soll!

^Und wie dies geht ist nun meine Frage^ Ich freue mich schon im Voraus auf Antworten. Meine Seite ist soweit auch schon hochgeladen: filmchronik.bplaced.net , dort sieht man zwar nicht den php-code doch ist dies vielleicht trotzdem eine Hilfe! :D
Danke

...zur Frage

HTML/CSS, Footer, Divs werden untereinander und nicht nebeneinander platziert?

Guten Abend. :)

Ich beschäftige mich momentan viel mit HTML und CSS und habe eine eigene kleine Website zum Spaß gemacht.

Aus Jux und Tollerei wollte ich jetzt einen Facebook-Like und einen -Teilen-Button mit einbauen, und das in einem Footer. Die Buttons habe ich beide jeweils in ein Div gepackt und diesen per "float: left;" gesagt, das sie sich nebeneinander von links anordnen sollen. Zumindest stand in sehr vielen anderen Foren in denen ich mich umgesehen habe so ziemlich überall genau das.

Bei mir funktioniert das aus unerfindlichen Gründen leider nicht, die Buttons werden untereinander angeordnet.

Zur Seite kommt ihr hier: http://nyancatmarathon.tk/

(Am Besten auf Lautlos stellen, nervige Musik im Hintergrund, außerdem hat sich der Footer von ganz unten in die Mitte der Seite verschoben, als ich die Seite am Localhost bearbeitet habe war das noch nicht so, komisch...)

Ich hoffe jemand von euch weiß woran es liegt und kann mir helfen. :)

Vielen Dank und LG, Bluedragon1

...zur Frage

HTML-Menüleiste oben fixieren?

Hi, ich möchte eine Webseite erstellen, bei der die Menüleiste oben am Bildschirmrand "kleben" bleibt auch wenn ich runter scrolle. Die eigentliche frage die ich habe ist jedoch, wie das geht, wenn ich noch ein Titelbild mit einbinden möchte, welches in der normalen ansicht, wenn man auf die Seite kommt über der Menüleiste ist.

Ich miene damit, dass das Titelbild mit nach oben scrollen soll, die Menüleiste aber nur bis zum oberen bildschirmrand mit nach oben scrollen soll. Ist sowas mit CSS möglich oder brauche ich dafür Java etc.?

Wäre nett, wenn ihr mir paar seiten vorschlagen könnt oder mir paar stichwörter geben könntet, wonach ich suchen soll :D

LG loubra

...zur Frage

Grid mit Tailwind CSS und 1fr?

Seit längerem beschäftige ich mich mal wieder mit Tailwind CSS und stoße gleich am Anfang auf ein eigentlich simples Problem, für was ich aber keine einfach Lösung finde.

Ich versuche ein einfaches Layout zu erstellen, welches als Grundgerüst ein Grid hat, bei dem der Header und Footer eine explizite Höhe haben und der Main-Bereich flexibel ist. Das Layout sollte auch bei wenig Inhalt immer 100vh haben, so dass der Footer immer unten ist.

Mit reinem CSS wäre das einfach so lösbar:

CSS

.grid {
 min-height: 100vh;
 display: grid;
 grid-template-columns: 1fr; 
 grid-template-rows: 5rem 1fr 7rem;
}

HTML

<div class="grid">
 <header>Header</header>
 <main>Main</main>
 <footer>Footer</footer>
</div>

Mit TailwindCSS bekomme ich das irgendwie nicht hin – zumindest nicht ohne Custom-CSS. Ich kann mir aber kaum vorstellen, dass sich dies nicht auch mit dem vorhandenen Set realisieren lässt.

Hat hier jemand eine Idee, wie ich das mit TailwindCSS am einfachsten umsetze?

...zur Frage

Button welcher beim Scrollen auf Webseite an gleicher Position unten rechts bleibt HTML?

Hallo,

ich habe eine Frage, wie muss ich das in CSS machen, das ein Button, welcher ein Bild ist, immer unten rechts in der Ecke angezeigt wird? Der Knopf ist eine <img>.

Muss ich in CSS img {position:fixed;} eingeben damit er beim scrollen immer da bleibt? Und muss wie soll ich den Code machen, damit er leicht durchsichtig unten rechts ist?

...zur Frage

Ist es normal, dass unten beim Reis kochen sich was ansetzt?

Also unten eine Reisschicht am Topfboden Kleben bleibt.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen