Footer mit konstanter Höhe

Sorry, aber deine Frage ist mich mich zumindest komisch formuliert.

Du willst eine gleiche Höhe, egal auf welcher Seite, aber dass ganze ohne fixe Höhenangabe?
Oder meinst du die Position des Footers? Also dass er am "Boden klebt"? Sticky Footer?

 

Der Footer sollte sich automatisch dem Inhaltes anpassen. Wenn das nicht passiert, stimmt was am CSS nicht. Hast du einen Link?

Hast du es mit height: auto; versucht?

 

Ich sehe da kein Problem. Der Footer bekommt genau die Höhe die der Inhalt braucht. Das restliche Blau unten drunter kommt vom Body-Background.

Habe ich da was übersehen, oder hast du das Problem bereits lösen können?

 

Ja das heißt es

 

Dass du es vielleicht besser nachvollziehen kannst;

Der rot gekennzeichnete Inhalt ist dein Footer. Der sitzt direkt unter dem "main" Inhalt. Da dein html/body allerdings 100% Höhe verwendet, was ja schon gesagt wurde, streckt sich dein hintergrund eben unter den footer. Der mit Orange "befärbte" Bereich ist ohne Inhalt.

mal anders gesagt: deine bausteine (main inhalt und footer) haben von naturaus die eigenschaft zu kuscheln. die bausteine rutschen so nahe wie eben möglich aneinander (positon relativ / float:left). wenn also dein main inhalt mehr fläsche bzw höhe beansprucht, rutscht dein footer automatisch nach unten. wenn du die seite auf einem 300px hohen bildschirm angucken würdest, hättest du keinen "blauraum" am ende. die 100% höhe orientierensich am screen.




Wenn du willst, dass der footer unten klebt, musst du dem die position: absolut; bottom: 0 geben. so wird sich dein footer je nach inhalt auch von innen her anpassen, nur das ganze element sitzt eben dann unten am rand.

auf der anderen seite wirst du ja sicher mehr inhalt schaffen, dann löst sich das problem von alleine!

anhang: habe dir einen passenden artikel rausgesucht, da sicher die frage kommt, was du machen kannst:
http://matthiasschuetz.com/css-sticky-footer

 

Dein link geht leider nicht.

Ich müsste später nochmal die Seite genau angucken. Klingt so, als ob sich der Footer-Container auf die 100% Resthöhe streckt, statt der Main. Es gibt eben Vor/-Nachteile mit der Footer-Position.

Fixiert man den am Boden (fixed), sieht es bei leuten, die eine große Auslösung haben recht doof aus. Zoom mal die Seite als Demo-Zweck ganz weit raus. (Strg gedrückt halten, Mausrad drehen oder in den Optionen (Ansicht) im Browser). Jetzt ist deine Seite ja recht klein - wäre nicht sonderlich "cool" wenn der Footer ein "Fußballfeld" entfernt vom anderen Inhalt steht. Ich denke du weist was ich meine?

Relative Demo: Setz man die min-height von deinem main-inhalt auf 700px, wenn das dir zu kompliziert ist, schreib einfach 10-20 mal

in den Bereich deines Hauptfeldes, über dem Footer. DU siehst, der wandert schön nach unten und auch beim Rauszoomen ist er gut plaziert.

Ansonsten eben absolut - wird dann beim ersten seitenladen an die position gesetzt und ohne js nicht mehr verschoben.

Wie gesagt, dein aktuelles Problem entsteht nur, weil du kaum Inhalt hast. Aber wie du willst ...

Es gibt eben positon absolut, fixed und relative. Such dir was aus, werden wir schon schaffen.